vue+echart 碰到的一些問題記錄

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)

?著作權(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ù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容