請訪問 Apache ECharts 官方網站:

https://echarts.apache.tw
訪問官網
x

特性

Apache EChartsTM

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 遵循此規範,並支援根據圖表配置項自動生成描述,使視障人士能夠透過螢幕閱讀器理解圖表內容,從而讓圖表對所有人可用。