echart pie饼图数据为零不展示,或者影藏图标label

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echart pie饼图数据为零不展示,或者影藏图标label相关的知识,希望对你有一定的参考价值。

参考技术A 数据做处理,将为0的数据赋值为null

Echarts,饼图中怎么对数据进行判断

官方教程的Value直接是一个值。由于是用MVC开发,直接取出的值,但是当值为空的时候,饼图仍然会显示出一条线,如下图。我想实现的效果是在数据为零的时候不显示。由于字数有限,部分代码如下:
目前只有10分,请大神帮下忙,感激不尽。

series : [
name:'访问来源',
type:'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
value:@Model.Direct;, name:'直接访问',
value:@Model.Mail, name:'邮件营销',
value:@Model.Ad, name:'视频广告',
value:@Model.Search, name:'搜索引擎'
],
itemStyle:
normal:
label:
show: true,
formatter: 'b : c (d%)'
,
labelLine :show:true



]

参考技术A 你动态加载数据data时,为空的值就不要加到data里不就行了。只把有值的加到data里

以上是关于echart pie饼图数据为零不展示,或者影藏图标label的主要内容,如果未能解决你的问题,请参考以下文章

Echarts饼图显示模板

echarts怎么控制圆饼图的大小

31-Vue之ECharts-饼图

ECharts常用图表 饼图

饼图指北(Pie Chart)

饼图指北(Pie Chart)