隐藏饼图数据为0项区域

业务场景:使用Echarts绘制饼图以及折线图。第一种只有饼图,分别为年月日的销量占比,进行数据的渲染。第二种是饼图+折线图,且两者存在联动。

第一种:只有饼图

若是只有饼图的话,可以在数据进行push时,将相应的数值0转为‘null’(使用三目运算),基于饼图的渲染策略。遇到‘null’或者‘’时,饼图是不渲染这块的内容。这样数据为0的数值项就被过滤掉了。


第二种:饼图 + 折线图

这种饼图和折线图有关联的,特别的是,由于是引用官方的示例,使用dataset数据集,统一管理数据,饼图和折线图共享数据,若是采用第一种方式的方法,这样就会影响折线图的渲染,折线就会发生断点,影响画面效果。

要求:

1.饼图不显示数值为0的项,且不显示label和labelline。

2.折线图不断点,且0值正常渲染。

solution:解决思路:     

            --1.正常处理数据,但设置minAngle:0,且 minShowLabelAngle:0.0001。(最小扇区角度为0,设置为最小显示标签角度大于0即可。注意,部门数据不为0,但是占比角度较小,所以设置minShowAngle的数值要很小。)


        --2.若是不使用dataset的数据管理集,可在series内pie的itemStyle的属性内,进行自定义设置,一般在属性后使用响应的函数返回值控制。

你可能感兴趣的:(隐藏饼图数据为0项区域)