功能
Apache EChartsTM 是一個開源的 JavaScript 資料視覺化函式庫,針對 PC 和行動裝置進行了最佳化。ECharts 與大多數現代網路瀏覽器相容,包括 IE9/10/11、Chrome、Firefox 和 Safari。它使用 ZRender 圖形渲染引擎來建立直覺、互動且高度可自訂的圖表。
豐富的圖表類型
ECharts 支援折線圖系列、長條圖系列、散佈圖系列、圓餅圖、蠟燭圖系列、箱型圖系列 用於統計、地圖系列、熱圖系列、線條系列 用於方向資訊、關聯圖系列 用於關係、樹狀圖系列、旭日圖系列、平行座標圖系列 用於多維資料、漏斗圖系列 和 儀表圖系列。使用 ECharts 可以輕鬆建立這些視覺化類型的組合。
除了內建的圖表類型之外,ECharts 還提供了自訂系列,讓使用者可以建立更特定的圖表類型。若要使用它,只需傳遞 renderItem 回呼函式,並根據資料傳回任何您想繪製的圖形元素。ECharts 支援原生互動性,因此無需進一步設定。
ECharts 經過高度最佳化,但如果預設套件大小對您來說太大,您可以選擇您需要的圖表類型和元件,然後透過線上建立器下載它們。
多種資料格式隨時可用
ECharts v4.0 的內建 dataset
屬性支援不同的資料格式,包括二維表格、鍵值物件等等。資料對應結構可以使用 encode
屬性輕鬆修改。這使得開發圖表更加直觀,節省了通常花在編寫資料轉換演算法的時間。它還可以節省記憶體,因為不同的元件可以依賴一個資料集,而不是多個副本。
ECharts 支援 TypedArray
,它比標準陣列使用更少的記憶體,並且在垃圾回收方面表現更好。對於較大的資料視覺化,TypedArray 可以顯著提高效能。
大規模資料視覺化
EChart 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),旨在讓更多身心障礙人士可以存取網路內容和網路應用程式。
ECharts 4.0 符合此規範,並支援根據圖表組態項目自動產生描述,讓有視覺障礙的人可以使用螢幕閱讀器理解圖表內容,讓所有人都可存取圖表。