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);
代码执行后效果如下
