特性
Apache EChartsTM 是一款開源的 JavaScript 視覺化庫,針對 PC 和移動裝置進行了最佳化。ECharts 相容包括 IE9/10/11、Chrome、Firefox 和 Safari 在內的大多數現代網路瀏覽器,並使用圖形渲染引擎 ZRender 來建立直觀、互動式且高度可定製的圖表。
豐富的圖表型別
ECharts 支援折線圖、柱狀圖、散點圖、餅圖、K線圖、用於統計的盒須圖、用於地理資訊視覺化的地圖、熱力圖、路徑圖、用於關係資料視覺化的關係圖、矩形樹圖、旭日圖、用於多維資料視覺化的平行座標系,以及漏斗圖和儀表盤。使用 ECharts 可以輕鬆地將這些視覺化型別組合起來。
除了內建的圖表型別,ECharts 還提供了自定義系列,供使用者建立更特定的圖表型別。使用時,只需傳入 renderItem 回撥函式,並根據資料返回您希望繪製的任何圖形元素即可。ECharts 支援原生互動,因此無需進一步配置。
ECharts 經過了高度最佳化,但如果預設包的大小對您來說太大,您可以透過線上構建工具選擇所需的圖表型別和元件進行下載。
多種資料格式,開箱即用
從 ECharts v4.0 開始,內建的 dataset
屬性支援不同的資料格式,包括二維表、鍵值物件等。使用 encode
屬性可以輕鬆修改資料對映結構。這使得開發圖表更加直觀,節省了通常用於編寫資料轉換演算法的時間。它還節省了記憶體,因為不同的元件可以依賴一個數據集而不是多個副本。
ECharts 支援 TypedArray
,與標準陣列相比,它使用的記憶體更少,並且在垃圾回收方面表現更好。對於更大型的資料視覺化,TypedArray 顯著提高了效能。
大規模資料顯示
ECharts v4.0 的增量渲染技術和其他最佳化使其能夠視覺化數百萬個數據點。即使在這些大規模的視覺化中,縮放和平移等互動操作仍然表現良好。
使用如此多的資料點通常會非常佔用記憶體。ECharts 從 v4.0 開始支援流式資料,允許您使用 WebSocket 渲染儘可能多的資料。即使完整資料集尚未載入,也可以渲染資料。



移動端最佳化
ECharts 針對移動端互動進行了精心最佳化,例如在小螢幕上的縮放和平移。PC 使用者仍然可以使用滑鼠滾輪來執行相同的互動。
打包工具使得 ECharts 在移動端的包大小很小,可選的 SVG 渲染引擎進一步減少了記憶體使用。
多種渲染方式和跨平臺支援
ECharts 支援使用 Canvas、SVG(v4.0+)和 VML 元素進行渲染。VML 相容舊版本的 IE;SVG 減少了移動裝置上的記憶體開銷;而 Canvas 可以輕鬆處理大資料視覺化和特殊的渲染效果。
除了 PC 和移動瀏覽器,ECharts 還可以與 Node 上的 node-canvas 一起使用,以實現高效的伺服器端渲染(SSR)。自 v4.0 起,它還支援微信小程式。
社群貢獻者還為各種程式語言開發了擴充套件,例如用於 Python 的 pyecharts、用於 R 的 echarty 和用於 Julia 的 ECharts.jl。
憑藉我們廣泛的平臺和程式語言支援,ECharts 讓開發者能夠專注於視覺化,而不是技術細節。
互動式資料探索
互動是理解資料的關鍵。在初始檢視中,ECharts 提供了一個可以進行縮放、平移和篩選的概覽,以提供更精細的資訊。
可以啟用可選元件以進一步增強互動性。圖例、視覺對映、資料區域縮放、提示框、刷選和其他即用型元件允許使用者在多個維度上與資料進行互動。
多維度資料支援
ECharts 3 增強了對多維資料的支援。除了常見的多維資料視覺化元素,如傳統散點圖的平行座標系,輸入資料也可以在多個維度上進行渲染。藉助視覺對映元件 visualMap 提供的直觀功能,可以將不同維度對映到顏色、大小、透明度、陰影等。
動態資料
底層資料集的變化將即時反映在圖表上。實現動態資料很簡單,只需像往常一樣匯入資料,ECharts 就會自動找到兩組資料之間的差異,然後使用適當的動畫來表示資料變化。時間軸元件還可以在其他時間維度上呈現資料。
特效
ECharts 為所有資料型別(無論是點、線還是地理資料)的視覺化提供了引人注目的特效。
使用 GL 實現更強大的 3D 視覺化
ECharts 甚至允許您在 VR 和其他大螢幕場景中進行 3D 視覺化。基於 WebGL 的 ECharts GL 讓您能夠像渲染其他 ECharts 元件一樣輕鬆地渲染 3D 地球、建築物和人口分佈直方圖。此外,只需幾行配置更改,簡單的配置項就能讓您新增特效。




無障礙訪問
當想到視覺化時,我們自然會聯想到所看到的東西,但檢視還有其他維度。W3C 開發了無障礙富網際網路應用套件(WAI-ARIA),旨在讓更多殘障人士能夠訪問 Web 內容和 Web 應用。
ECharts 4.0 遵循此規範,並支援根據圖表配置項自動生成描述,使視障人士能夠透過螢幕閱讀器理解圖表內容,從而讓圖表對所有人可用。