echarts 中不管是折線圖還是柱狀圖,如果x軸和數據不是自動產生的(也就是xAxis.data是和series.data都是單獨生成的),那麼就需要根絕x軸去匹配數據點。
xAxis中data生成是這樣的:
["2019-06", "2019-07", "2019-08", "2019-09", "2019-10", "2019-11", "2019-12", "2020-01", "2020-02", "2020-03", "2020-04", "2020-05"]
數據點是這樣的:
[name: "2020-05", value:"111"]
Echarts文檔中說明:
看說明我會以爲這肯定能正確渲染出來,結果是:
很明顯不對啊,2020-05怎麼跑到2019-06上面了,當我傻子嘛,咳咳~
肯定是哪裏配置錯了,於是我又翻了半天手冊,但是沒找到具體說明。
抱着試試看的態度,我改成了如下結構:
[["2020-05", "111"]]
結果出來了:
看,它歸位了!!!
有沒有很驚喜?嘻嘻~~~