markLine的平均值的显隐控制问题

封装echarts柱状图,同时使用多个echarts,markLine的平均值的显隐控制问题.

1.问题描述.ui原型图给出的,是一个相似度很高的echarts柱状图,区别在于个别配置,比如有些要显示平均数,有的不显示. 由于相似度很高决定了封装一个公用的echarts柱状图. 遇到的问题是markLine的平均值的显隐控制,没有找到api直接控制. 下面上原型图和网页图和代码结构

原型图

网页图

代码结构

组件的引用

2.最后通过设置markerline的Data的透明度,解决了此问题.下面上解决代码

通过pros传值来控制透明度的值0为完全透明1为完全不透明.给定默认值为1默认显示

不需要显示的地方就传值给一个0,就会隐藏平均值.

3.最终成品