echarts通過timeline時間軸改變圖表的資料,解決X軸,series問題
阿新 • • 發佈:2019-01-27
問題敘述:通過echarts的時間軸進行資料、X軸座標以及每個option的屬性都不一樣的進行圖表切換。這裡面使用的是echarts2.0版本,可惜的是我鼓搗半天也沒弄出來echarts3.0的timelinechanged方法,希望知道的人可以告知一下。
例如:我想xAxis.data個數多少改變,option.series[]裡面的資料多少改變等問題,這會導致資料合併,例如有個xAxis.data有10個數據,另個有8個數據,那麼問題來了,他會一直出現的xAxis上面10個分段,並繼承了10個裡面的資料。
我們要實現結果:(由於我沒有直接再做個例子展示,所以將一些稍微保密的東西模糊了)
下面看的是程式碼:
前面配置程式碼架構(因為我資料太多所以造成不能展開所有程式碼展示):
-
公有的配置項,推薦配置在
baseOption
中。timeline
播放切換時,會把options
陣列中的對應的option
,與baseOption
進行 merge 形成最終的option
。 -
options
陣列中,如果某一陣列項中配置了某個屬性,那麼其他陣列項中也必須配置某個屬性,而不能預設。否則這個屬性的執行效果會遺留。
下面是echarts3.0與echarts2.0的區別:
下面是事件的方法:最後繫結一下就可以實現了,myChart.on(ecConfig.EVENT.TIMELINE_CHANGED, eConsole);
語言組織能力很薄弱,如果沒有幫到你很抱歉,如果有說錯的地方歡迎指正!