vcharts设置legend属性无效解决办法
内容概览
需求: 折线图上有 一个产品的目标值和实际值 ,通过点击其中一个legend,同时隐藏该产品的实际值和目标值(指折线图上的线)
当我觉得这个需求很 easy 的时候,居然发现 动态设置 legend 属性无效 ……
通过本文来记录这个解决过程,前端真是太难了 哈哈
在 v-charts 中, 折线图的写法如下:
<ve-line :extend="chartExtend" :data="chartData" :events="chartEvents" height="58vh" ></ve-line>。
而 v-charts 是对 echart 的包装,很多事件都可以从 ech