用過(guò)Highcharts圖表組件的朋友應(yīng)該都知道其可配置性強(qiáng)的確是一個(gè)很強(qiáng)的競(jìng)爭(zhēng)砝碼，還有ECharts，國(guó)產(chǎn)圖表工具中的佼佼者。今天我們來(lái)對(duì)Highcharts和ECharts做一個(gè)對(duì)比評(píng)測(cè)。
業(yè)界有無(wú)數(shù)js圖表庫(kù)，不乏優(yōu)秀的代表，如chartjs，FusionCharts，amCharts，flot，RGraph，jqPlot，gRapha?l等等。有的是免費(fèi)甚至開(kāi)源的，有的則是商業(yè)的，百度一下就能找到他們。
之前我們有寫(xiě)過(guò)一篇Highcharts和FusionCharts的對(duì)比評(píng)測(cè)以及JavaScript圖表對(duì)比，現(xiàn)在我們提取和Highchart比較接近的Echarts與Highchart做一個(gè)詳細(xì)對(duì)比。
先看看Highcharts和ECharts都支持哪些圖表類型？
| 圖表類型 | ECharts | Highcharts |
| 柱狀圖（條形圖） | 支持 | 支持 |
| 折線圖（面積圖） | 支持 | 支持 |
| 餅圖（環(huán)形圖） | 支持 | 支持 |
| 散點(diǎn)圖（氣泡圖） | 支持 | 支持 |
| 雷達(dá)圖 | 支持 | 支持 |
| K線圖 | 支持 | Highstock支持 |
| 力導(dǎo)布局圖 | 支持 | 不支持 |
| 和弦圖 | 支持 | 不支持 |
| 地圖 | 支持 | 支持（另外還有獨(dú)立的組件Highmaps） |
| 特色圖表（如儀表盤(pán)） | 不支持 | 支持 |
| 拖拽重計(jì)算 | 支持 | 不支持 |
| 數(shù)據(jù)視圖 | 支持 | 不支持 |
| 圖片導(dǎo)出 | 支持 | 支持 |
| 動(dòng)態(tài)類型切換 | 支持 | 支持（需要自己編寫(xiě)插件但是pie圖切換麻煩） |
| 值域漫游 | 支持 | 不支持 |
| 大規(guī)模散點(diǎn) | 支持 | 不支持 |
| 數(shù)據(jù)區(qū)域縮放 | 支持 | 支持 |
| 圖例開(kāi)關(guān) | 支持 | 支持 |
| 多維度堆積 | 支持 | 支持 |
| 混搭 | 支持 | 支持 |
| 3D | 暫不支持 | 支持 |
| 是否免費(fèi)以及收費(fèi) | MIT Free | 非商業(yè)免費(fèi) 價(jià)格在90美元~3600美元 |
基于上面的一個(gè)關(guān)于ECharts和Highcharts兩大圖表的對(duì)比表格，我想大家都對(duì)其各自的優(yōu)勢(shì)以及趨向性有所了解，其實(shí)細(xì)細(xì)研究和琢磨兩者的區(qū)別還是有很多地方的。雖然都是基于HTML的Canvas畫(huà)布進(jìn)行開(kāi)發(fā)，但是ECharts圖表畢竟是基于MVC結(jié)構(gòu)的圖形開(kāi)發(fā)包ZRender的基礎(chǔ)上進(jìn)行的，所以各方面還是考慮比較成熟的。
聯(lián)系客服
