直接上案例代码饼状图：
<!--所属单位占比饼状图-->
<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);
});
