1、tab切換之后,滾動圖例如果不在第一頁時需返回第一頁
利用 echart 上的 echart.on("legendscroll", function(val) {}) 方法,該方法在操作圖例滾動時,函數(shù)參數(shù)中會包含該圖例 id(唯一辨識字段),使用全局變量保存這個 id,在進行tab切換時調(diào)用 echart.dispatchAction({ type: "legendScroll", scrollDataIndex: 0, legendId: legendId }); 方法,傳入保存的圖例 id ,然后就會自己回到第一頁。
2、點擊圖例攜帶參數(shù)跳轉(zhuǎn)到指定頁面
利用 echart 上的 echart.on("legendselectchanged", function(val) {}) 方法,函數(shù)參數(shù) val 包含圖標(biāo)的一些基本信息和相應(yīng)參數(shù),但是選擇之后對應(yīng)圖例會變灰,所以就根據(jù)參數(shù)中的 selected 字段使用 echart.dispatchAction({ type: "legendSelect", name: name}); 方法將變灰圖例重新恢復(fù)為初始狀態(tài),因為 legendSelect 被調(diào)用之后會自動調(diào)用一次 legendselectchanged 事件,但是自動調(diào)用的事件參數(shù)中不包含 selected 字段,所以不會陷入重復(fù)調(diào)用的循環(huán)之中,跳轉(zhuǎn)頁面函數(shù)放在 legendSelect 方法之后就完成跳轉(zhuǎn)
vue+echart 碰到的一些問題記錄
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 本文是在學(xué)習(xí)和使用kotlin時的一些總結(jié)與體會,一些代碼示例來自于網(wǎng)絡(luò)或Kotlin官方文檔,持續(xù)更新... 對...
- 點擊查看原文 Web SDK 開發(fā)手冊 SDK 概述 網(wǎng)易云信 SDK 為 Web 應(yīng)用提供一個完善的 IM 系統(tǒng)...
- 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
- //Clojure入門教程: Clojure – Functional Programming for the J...
- 1.badgeVaule氣泡提示 2.git終端命令方法> pwd查看全部 >cd>ls >之后桌面找到文件夾內(nèi)容...