封装echarts柱状图,同时使用多个echarts,markLine的平均值的显隐控制问题.
1.问题描述.ui原型图给出的,是一个相似度很高的echarts柱状图,区别在于个别配置,比如有些要显示平均数,有的不显示. 由于相似度很高决定了封装一个公用的echarts柱状图. 遇到的问题是markLine的平均值的显隐控制,没有找到api直接控制. 下面上原型图和网页图和代码结构
原型图
网页图
代码结构
组件的引用
2.最后通过设置markerline的Data的透明度,解决了此问题.下面上解决代码
通过pros传值来控制透明度的值0为完全透明1为完全不透明.给定默认值为1默认显示
不需要显示的地方就传值给一个0,就会隐藏平均值.