var myChart = echarts.init(document.getElementById('ipstop5'));
var option = {
tooltip : {
trigger: 'item',
formatter: "{b} : {c}次 ({d}%)" //悬浮信息格式
},
legend: {
left: 'center',
bottom: 20,
data: [],
type: 'scroll' //一行放不下时分页显示
},
series : [
{
name: '',
type: 'pie',
radius : '55%',
center: ['50%', '40%'],
data:[],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
},
normal:{
label:{
show:true,
formatter: '{b} : {c}次 \n ({d}%)', //label显示样式
textStyle:{
fontSize: 10 //显示字体大小
}
},
labelLine:{
show:true
}
}
},
animation:false //去掉动画
}
],
color: ['#4c46bc','#8045bd','#cb66d1','#d26585','#f9662c'] //每个扇区单独设置颜色
};
var legdata = [], serdata = [], serobj = {};
$.each(ips, function(index, obj) {
legdata.push(obj.category);
serobj.name = obj.category;
serobj.value = obj.count * 1;
serdata.push(serobj);
});
option.legend.data = legdata;
option.series[0].data = serdata;
myChart.setOption(option);
代码执行后效果如下