eCharts使用小结之series中data属性循环添加问题

直接上案例代码饼状图:
<!--所属单位占比饼状图-->
<div id='ssdwPie' style='width:400px;height:300px;float:left;margin-left: 10%;'></div>
//所属单位占比饼状图
var ssdwPies = echarts.init(document.getElementById('ssdwPie'));
$.getJSON('${basePath}sys/tubiao/getSsdwPie', function (res) {//res:结构类型为{[data数组],[zt数组]}
    var arry=[];
    for(var i=0;i<res.data.length;i++){
        var items={
            name:res.data[i],    //在此备注:在for循环外定义一个空数组,在for循环里定义一个对象即:{name:XX,value:XX}
            value:res.zt[i]        之后将对象循环push到定义的arry数组内
        };
        arry.push(items);
    }
    var ssdwPie = {
        title: {
            text: '所属单位维修占比饼状图',
            subtext: '图形如下',
            x: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            x: 'left',
            data: res.data
        },
        toolbox: {
            show: true,
            feature: {
                mark: {show: true},
                dataView: {show: true, readOnly: false},
                magicType: {
                    show: true,
                    type: ['pie', 'funnel'],
                    option: {
                        funnel: {
                            x: '25%',
                            width: '50%',
                            funnelAlign: 'left',
                            max: 1548
                        }
                    }
                },
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        calculable: true,
        series: [
            {
                name: '所属单位',
                type: 'pie',
                radius: '55%',
                center: ['50%', '60%'],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                data: arry----------->//注意:这里data属性的值为对象 而不是拼接的字符串 内容结构为:[{name:XX,value:XX}]
            }
        ]
    };
    //所属单位占比饼状图
    ssdwPies.setOption(ssdwPie);
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章