echars 饼状图显示时有时无

image.png
image.png

知道问题在哪里,下面是代码

option = {
//圆环的颜色
color:['#48cda6','#fd87fb','#11abff','#ffdf6f','#0037ff', '#ffffff',],
series: [
{ type:'pie',
center:['50%','45%'], //饼图的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。
radius: ['25%', '40%'],//饼图的半径,数组的第一项是内半径,第二项是外半径。[ default: [0, '75%'] ]
avoidLabelOverlap: false,
label: {
normal: {
show: true,//是否显示标签
// 标签的位置。'outside'饼图扇区外侧,通过视觉引导线连到相应的扇区。'inside','inner' 同 'inside',饼图扇区内部。'center'在饼图中心位置。
position: 'left',
//显示的标签的内容
formatter: '{name|{b}}\n{value|{c}%}',
rich: {
value: {
fontSize: 30,
color: '#00ffea'
},
name: {
fontSize: 30,
color: '#fff'
}
}
},
},
labelLine: {
normal: {
show: true,//是否显示引导线
length:70, //百分比引导线
}
},
// 系列中的数据内容数组。
data:datas
}
]
};
var chart = echarts.init(document.getElementById("terminalModel"));
chart.setOption(option);

原因找到了,datas出问题了,因为我引用其他js的变量,有时会没有值,造成了这个饼状图不显示的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 504b 0304 1400 0008 0800 fa8c 963d 50740baa dffc 0e00 6cd...
    BossOx阅读 8,861评论 0 0
  • 504b 0304 1400 0008 0800 4498 963d a6fa9ff3 9f41 1e00 a88...
    BossOx阅读 13,922评论 0 0
  • 6270 a1da b5e7 b8aa 4d60 60c6 dea2 9fcc66b3 1acd 0596 77b...
    BossOx阅读 13,197评论 0 0
  • 渐变的面目拼图要我怎么拼? 我是疲乏了还是投降了? 不是不允许自己坠落, 我没有滴水不进的保护膜。 就是害怕变得面...
    闷热当乘凉阅读 9,776评论 0 13
  • 夜莺2517阅读 127,800评论 1 9