[摘要]: 用過Highchars圖表組件的朋友應該都知道其可配置性強的確是一個很強的競爭砝碼,但是圖表與用戶的交互性還是有所欠缺。今天我們就來聊聊一款既配置性強有與用戶有着良好交互性的圖表ECharts吧! 業界有無數js圖表庫,不乏優秀的代表,如chartjs,FusionCharts,amCharts,flot,RGraph,jqPlot,gRaphaël等等。有的是免費甚至開源的,有的則是商業的,百度一下就能找到他們。 無法跟他們一一對比,在這選擇了知名度很高的Highcharts,一個優秀,成熟的商業圖表庫。 先看看ECharts和Highcharts都支持哪些圖表類型? 圖表類型 ECharts H...
用過Highchars圖表組件的朋友應該都知道其可配置性強的確是一個很強的競爭砝碼,但是圖表與用戶的交互性還是有所欠缺。今天我們就來聊聊一款既配置性強有與用戶有着良好交互性的圖表ECharts吧!
業界有無數js圖表庫,不乏優秀的代表,如chartjs,FusionCharts,amCharts,flot,RGraph,jqPlot,gRaphaël等等。有的是免費甚至開源的,有的則是商業的,百度一下就能找到他們。
無法跟他們一一對比,在這選擇了知名度很高的Highcharts,一個優秀,成熟的商業圖表庫。
先看看ECharts和Highcharts都支持哪些圖表類型?
圖表類型 | ECharts | Highcharts |
柱狀圖(條形圖) | 支持 | 支持 |
折線圖(面積圖) | 支持 | 支持 |
餅圖(環形圖) | 支持 | 支持 |
散點圖(氣泡圖) | 支持 | 支持 |
雷達圖 | 支持 | 支持 |
K線圖 | 支持 | Highstock支持 |
力導布局圖 | 支持 | 不支持 |
和弦圖 | 支持 | 不支持 |
地圖 | 支持 | 支持力度不夠 交互性太差 |
特色圖表(如儀表盤) | 不支持 | 支持 |
拖拽重計算 | 支持 | 不支持 |
數據視圖 | 支持 | 不支持 |
圖片導出 | 支持 | 支持 |
動態類型切換 | 支持 | 支持(需要自己編寫插件但是pie圖切換麻煩) |
值域漫游 | 支持 | 不支持 |
大規模散點 | 支持 | 不支持 |
數據區域縮放 | 支持 | 支持 |
圖例開關 | 支持 | 支持 |
多維度堆積 | 支持 | 支持 |
混搭 | 支持 | 支持 |
是否免費以及收費 | MIT Free | 3.0一下非商業免費 價格在90美元~3600美元 |
基於上面的一個關於ECharts和Highcharts兩大圖表的對比表格,我想大家都對其各自的優勢以及趨向性有所了解,其實細細研究和琢磨兩者的區別還是有很多地方的。雖然都是基於HTML的Canvas畫布進行開發,但是ECharts圖表畢竟是基於MVC結構的圖形開發包ZRender的基礎上進行的,所以各方面還是考慮比較成熟的。
關於更多兩者圖表的差異,還得大家一起研究和琢磨,歡迎留言討論,感謝你的到訪與關注!