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

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条)

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题