87,993
社区成员
发帖
与我相关
我的任务
分享关于echarts的圆环图表的数据更新问题
最近做功能地时候遇到一个问题，就是需要在圆环中间显示数据，这个数据的格式和圆环上的数据格式一样，就是不能刷新，一直都是第一次记加载的数据，什么series的动态加载都试了，还是没用，有没有用过类似功能的帮忙解答一下！！！！
...全文
请发表友善的回复…
发表回复
X2X2L 2017-07-12
- 打赏
- 举报
var result2=function(data){
var dataKey=[];
var dataValue=[];
$.each(data,function(i,opTicket){
dataKey.push(opTicket[0]);
dataValue.push(opTicket[1]);
});
var myChart = echarts.init(document.getElementById("operateTicketChart"));
var option = {
title: {
text: '操作票统计',
x:'center'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: {
orient: 'vertical',
x: 'left',
data:[dataKey[0],dataKey[1],dataKey[2]],
},
series:{
name:'数据统计',
type:'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
hoverAnimation:false,
label: {
normal: {
show: false,
position: 'center',
formatter:function(){
return dataValue[3]
},
textStyle:{
frontSize:20,
color:'green',
},
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: false
}
},
data:[
{value:dataValue[0], name:dataKey[0]},
{value:dataValue[1], name:dataKey[1]},
{value:dataValue[2], name:dataKey[2]},
]
}
};
myChart.setOption(option);
}
