Echarts折線圖不同X軸的對比功能,不同段不同顏色顯示


   這里有一個統計不同時間段的折線圖對比需求,起初的想法是給Echarts的X軸同一刻度賦予不同的數值,並且在其上面顯示兩條數據,達到對比的功能(在別的插件上面可能有這樣的功能,因為我看到過這樣的圖)。后來翻了不少資料也沒有發現Echarts這方面的功能,所以只能尋求另外的方法了。

       既然這個方法行不通就只能另辟蹊徑達到目的,在查閱資料之后找到一個另類的方法。那就是一條坐標軸截取兩段,每一段有着不同的顏色,這樣達到兩個時間段對比的功能。

       最終達成的效果如下圖所示:

http://img.blog.csdn.net/20150803150146734?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast

 以上。

       達到了不同時間段對比的功能。

        這里主要的思路還是在series里面添加兩個數據源,然后不想展示節點賦值'-'。

       像 {...data:[11, 11, 15, 13,'-','-', '-'],...} ,

{...data:['-', '-', '-', 5, 3, 2, 0],...}

       手動效果請修改http://echarts.baidu.com/doc/example/line1.html頁面的data值查看。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM