业务场景:使用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的属性内,进行自定义设置,一般在属性后使用响应的函数返回值控制。