echarts如何循环绑定ajax返回的data


<script>
    $(function () {


        $.ajax({
            type :  "Post",
            //async : false, //同步执行
            url: "jiankong.aspx/Getdata3",
            contentType: "application/json; charset=utf-8",
            data : {}, //无参数
            dataType : "json", //返回数据形式为json
            success : function(result) {
                if (result) {
                    bind(result.d);
                }
            },
            error : function(errorMsg) {
                alert("加载数据失败");
            }
        }); //ajax
        function bind(result) {
          var strJson = result.d;
          var jsonObj = eval(strJson);
        var pieChart = echarts.init(document.getElementById("container2"));
        var pieoption = {         
            tooltip: {
                trigger: 'item',
                formatter: "{a} 
{b} : {c} ({d}%)"
}, legend: { x : 'center', y : 'bottom', itemWidth: 8, itemHeight: 8, textStyle:{//图例文字的样式 color:'#fff', fontSize: 12 }, }, calculable: true, series: [ { name:'故障占比', type:'pie', radius : [30, 100], center : ['50%', '45%'], roseType : 'area', data:[ { value: vm.online.v2, name:'故障1',itemStyle:{normal:{color:'#ff7800'}}}, { value: vm.online.v2, name:'故障2',itemStyle:{normal:{color:'#23eb6a'}}}, { value: vm.online.v2, name:'故障3',itemStyle:{normal:{color:'#7627cb'}}}, { value: vm.online.v2, name:'故障4',itemStyle:{normal:{color:'#fffc00'}}}, { value: vm.online.v2, name:'故障5',itemStyle:{normal:{color:'#46afdb'}}}, { value: vm.online.v2, name:'故障6',itemStyle:{normal:{color:'#ff0000'}}} ] } ] }; pieChart.setOption(pieoption); $(window).resize(pieChart.resize); }});
script> 如何将ajax返回的data,加入到data当中(即name:故障)

这个字节传进去就可以了,只要你返回的数据格式是

img


和这部分数据医院的。直接赋值给data:就好了,不需要循环了吧

不知道你用来拼接的数据长什么样

img

      strJson = strJson.map((item,index)=>{
       return { value: vm.online.v2, name: item ,itemStyle:{normal:{color:'#ff7800'}}};
      })

echarts api
appendData

更新echart中指定的值就可以了吧,不需要循环绑定吧