這里有一個統計不同時間段的折線圖對比需求,起初的想法是給Echarts的X軸同一刻度賦予不同的數值,並且在其上面顯示兩條數據,達到對比的功能(在別的插件上面可能有這樣的功能,因為我看到過這樣的圖)。后來翻了不少資料也沒有發現Echarts這方面的功能,所以只能尋求另外的方法了。
既然這個方法行不通就只能另辟蹊徑達到目的,在查閱資料之后找到一個另類的方法。那就是一條坐標軸截取兩段,每一段有着不同的顏色,這樣達到兩個時間段對比的功能。
最終達成的效果如下圖所示:
以上。
達到了不同時間段對比的功能。
這里主要的思路還是在series里面添加兩個數據源,然后不想展示節點賦值'-'。
像 {...data:[11, 11, 15, 13,'-','-', '-'],...} ,
{...data:['-', '-', '-', 5, 3, 2, 0],...}
手動效果請修改http://echarts.baidu.com/doc/example/line1.html頁面的data值查看。