vue+echart 碰到的一些问题记录

1、tab切换之后,滚动图例如果不在第一页时需返回第一页
利用 echart 上的 echart.on("legendscroll", function(val) {}) 方法,该方法在操作图例滚动时,函数参数中会包含该图例 id(唯一辨识字段),使用全局变量保存这个 id,在进行tab切换时调用 echart.dispatchAction({ type: "legendScroll", scrollDataIndex: 0, legendId: legendId }); 方法,传入保存的图例 id ,然后就会自己回到第一页。
2、点击图例携带参数跳转到指定页面
利用 echart 上的 echart.on("legendselectchanged", function(val) {}) 方法,函数参数 val 包含图标的一些基本信息和相应参数,但是选择之后对应图例会变灰,所以就根据参数中的 selected 字段使用 echart.dispatchAction({ type: "legendSelect", name: name}); 方法将变灰图例重新恢复为初始状态,因为 legendSelect 被调用之后会自动调用一次 legendselectchanged 事件,但是自动调用的事件参数中不包含 selected 字段,所以不会陷入重复调用的循环之中,跳转页面函数放在 legendSelect 方法之后就完成跳转

你可能感兴趣的:(vue+echart 碰到的一些问题记录)