xiongmao34 2019-11-21 09:41 采纳率: 60%
浏览 1115
已采纳

ajax的值怎样传递到echarts中 series的data中

$(function(){
                var xlm = {
                    arr : [],
                    init : function(){
                        //ajax 调用
                        $.ajax({
                            type:"GET", 
                            url:'1.json',
                            dataType:"json",
                            success:function(datas){ 
                                $.each(datas.data,function(i,n){
                                    console.log(datas.data[i].title)
                                })
                            }
                        });
                    }
                };
                xlm.init();
                //图形
                var dom = document.getElementById("container");
                var myChart = echarts.init(dom);
                var app = {};
                option = null;
                option = {
                    title: {
                        text: '某站点用户访问来源',
                        subtext: '纯属虚构',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        left: 'left',
                        data: []
                    },
                    series: [{
                        name: '访问来源',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: [],
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }]
                };
                if(option && typeof option === "object") {
                    myChart.setOption(option, true);
                }
                })

1.json值

{
    "code": 0,
    "msg": "OK",
    "data": [
        {
            "title": "a",
            "value": "72"            
        },
        {
            "title": "b",
            "value": "11"            
        },
        {
            "title": "c",
            "value": "1"            
        },
        {
            "title": "d",
            "value": "4"            
        },
        {
            "title": "e",
            "value": "6"            
        },
        {
            "title": "f",
            "value": "0"            
        },
        {
            "title": "g",
            "value": "3"            
        },
        {
            "title": "h",
            "value": "3"            
        }
    ]
}
  • 写回答

3条回答 默认 最新

  • 打杂的程序员 2019-11-21 11:11
    关注

    var obj = new Array();
    var xObj = new Array();
    for(var a of data){
    xObj.push = a.title;
    obj.push = a.value;
    }
    然后在option里面
    x轴的 data:xObj,
    数据 data:obj,

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥20 delta降尺度方法,未来数据怎么降尺度
  • ¥15 c# 使用NPOI快速将datatable数据导入excel中指定sheet,要求快速高效
  • ¥15 再不同版本的系统上,TCP传输速度不一致
  • ¥15 高德地图点聚合中Marker的位置无法实时更新
  • ¥15 DIFY API Endpoint 问题。
  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节,有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程