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 碰到的一些问题记录
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- //Clojure入门教程: Clojure – Functional Programming for the J...