效果图:
function hotLineCompaintEchartF(data, count) {
var option5 = {
color: [’#FABC09’, ‘#04C2D0’, ‘#E2354A’, ‘#2F79F4’, ‘#AAEF88’, ‘#3036EB’, ‘#E86474’, ‘#AACBE8’, ‘#CF4576’, ‘#88D960’, ‘#65A6DF’, ‘#EA9427’, ‘#9D70E7’],
tooltip: {
trigger: ‘item’,
formatter: "{b}: {c}起 {d}% "
},
legend: {
top: ‘20’,
left: ‘80%’,
bottom: ‘180’,
orient: ‘vertical’,
type: ‘scroll’
},
graphic: [{
type: ‘text’,
left: ‘center’,
top: ‘57%’,
z: 16,
style: { //中间位置显示的内容
fill: ‘red’,
text: “共” + count + “起”,
font: ‘16px Microsoft YaHei’
}
}],
series: [{
name: ‘访问来源’,
type: ‘pie’,
center: [‘50%’, ‘60%’],
radius: [‘45%’, ‘60%’],
avoidLabelOverlap: false,
data: genData(data) //处理数据只显示前五的标签
}]
};
return option5;
}
function genData(arr) {
var newArr = arr.sort(compare(“value”));
newArr.forEach(function (item, index) {
if (index < 5) {
item.label = {
show: true,
position: ‘outside’,
formatter: "{b}: {c}起 {d}% "
};
item.labelLine = {
show: true
};
} else {
item.label = {
show: false,
position: ‘center’
};
item.labelLine = {
show: false
};
}
});
return newArr;
}