ECharts (mark)

ECharts 特性

ECharts,一個使用 JavaScript 實現的開源可視化庫,能夠流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定製的數據可視化圖表。html

豐富的可視化類型

ECharts 提供了常規的折線圖柱狀圖散點圖餅圖K線圖,用於統計的盒形圖,用於地理數據可視化的地圖熱力圖線圖,用於關係數據可視化的關係圖treemap旭日圖,多維數據可視化的平行座標,還有用於 BI 的漏斗圖儀表盤,而且支持圖與圖之間的混搭。前端

除了已經內置的包含了豐富功能的圖表,ECharts 還提供了自定義系列,只須要傳入一個renderItem函數,就能夠從數據映射到任何你想要的圖形,更棒的是這些都還能和已有的交互組件結合使用而不須要操心其它事情。node

你能夠在下載界面下載包含全部圖表的構建文件,若是隻是須要其中一兩個圖表,又嫌包含全部圖表的構建文件太大,也能夠在在線構建中選擇須要的圖表類型後自定義構建。git

多種數據格式無需轉換直接使用

ECharts 內置的 dataset 屬性(4.0+)支持直接傳入包括二維表,key-value 等多種格式的數據源,經過簡單的設置 encode 屬性就能夠完成從數據到圖形的映射,這種方式更符合可視化的直覺,省去了大部分場景下數據轉換的步驟,並且多個組件可以共享一份數據而不用克隆。github

爲了配合大數據量的展示,ECharts 還支持輸入 TypedArray 格式的數據,TypedArray 在大數據量的存儲中能夠佔用更少的內存,對 GC 友好等特性也能夠大幅度提高可視化應用的性能。apache

千萬數據的前端展示

經過增量渲染技術(4.0+),配合各類細緻的優化,ECharts 可以展示千萬級的數據量,而且在這個數據量級依然可以進行流暢的縮放平移等交互。canvas

幾千萬的地理座標數據就算使用二進制存儲也要佔上百 MB 的空間。所以 ECharts 同時提供了對流加載(4.0+)的支持,你可使用 WebSocket 或者對數據分塊後加載,加載多少渲染多少!不須要漫長地等待全部數據加載完再進行繪製。小程序


移動端優化

ECharts 針對移動端交互作了細緻的優化,例如移動端小屏上適於用手指在座標系中進行縮放、平移。 PC 端也能夠用鼠標在圖中進行縮放(用鼠標滾輪)、平移等。微信小程序

細粒度的模塊化和打包機制可讓 ECharts 在移動端也擁有很小的體積,可選的 SVG 渲染模塊讓移動端的內存佔用再也不捉襟見肘。瀏覽器

多渲染方案,跨平臺使用!

ECharts 支持以 Canvas、SVG(4.0+)、VML 的形式渲染圖表。VML 能夠兼容低版本 IE,SVG 使得移動端再也不爲內存擔心,Canvas 能夠輕鬆應對大數據量和特效的展示。不一樣的渲染方式提供了更多選擇,使得 ECharts 在各類場景下都有更好的表現。

除了 PC 和移動端的瀏覽器,ECharts 還能在 node 上配合 node-canvas 進行高效的服務端渲染(SSR)。從 4.0 開始咱們還和微信小程序的團隊合做,提供了 ECharts 對小程序的適配!

社區熱心的貢獻者也爲咱們提供了豐富的其它語言擴展,好比 Python 的pyecharts,R 語言的 recharts, Julia 的 ECharts.jl 等等。

咱們但願平臺和語言都不會成爲你們使用 ECharts 實現可視化的限制!

深度的交互式數據探索

交互是從數據中發掘信息的重要手段。「總覽爲先,縮放過濾按需查看細節」是數據可視化交互的基本需求。

ECharts 一直在交互的路上前進,咱們提供了 圖例視覺映射數據區域縮放tooltip數據刷選等開箱即用的交互組件,能夠對數據進行多維度數據篩取、視圖縮放、展現細節等交互操做。

多維數據的支持以及豐富的視覺編碼手段

ECharts 3 開始增強了對多維數據的支持。除了加入了平行座標等常見的多維數據可視化工具外,對於傳統的散點圖等,傳入的數據也能夠是多個維度的。配合視覺映射組件 visualMap 提供的豐富的視覺編碼,可以將不一樣維度的數據映射到顏色,大小,透明度,明暗度等不一樣的視覺通道。

動態數據

ECharts 由數據驅動,數據的改變驅動圖表展示的改變。所以動態數據的實現也變得異常簡單,只須要獲取數據,填入數據,ECharts 會找到兩組數據之間的差別而後經過合適的動畫去表現數據的變化。配合 timeline 組件可以在更高的時間維度上去表現數據的信息。

絢麗的特效

ECharts 針對線數據,點數據等地理數據的可視化提供了吸引眼球的特效。

經過 GL 實現更多更強大絢麗的三維可視化

想要在 VR,大屏場景裏實現三維的可視化效果?咱們提供了基於 WebGL 的 ECharts GL,你能夠跟使用 ECharts 普通組件同樣輕鬆的使用 ECharts GL 繪製出三維的地球,建築羣,人口分佈的柱狀圖,在這基礎之上咱們還提供了不一樣層級的畫面配置項,幾行配置就能獲得藝術化的畫面!


無障礙訪問(4.0+)

當咱們說到「可視化」的時候,咱們每每很天然地將它與「看得⻅」聯繫在一塊兒,但其 實這是片面的。W3C制定了無障礙富互聯網應用規範集(WAI-ARIA,the Accessible Rich Internet Applications Suite),致力於使得網⻚內容和網⻚應 用可以被更多殘障人士訪問。

ECharts 4.0聽從這一規範,支持自動根據圖表配置項智能生成描述,使得盲人可 以在朗讀設備的幫助下了解圖表內容,讓圖表能夠被更多人羣訪問!

ECharts,一個使用 JavaScript 實現的開源可視化庫,能夠流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定製的數據可視化圖表。

豐富的可視化類型

ECharts 提供了常規的折線圖柱狀圖散點圖餅圖K線圖,用於統計的盒形圖,用於地理數據可視化的地圖熱力圖線圖,用於關係數據可視化的關係圖treemap旭日圖,多維數據可視化的平行座標,還有用於 BI 的漏斗圖儀表盤,而且支持圖與圖之間的混搭。

除了已經內置的包含了豐富功能的圖表,ECharts 還提供了自定義系列,只須要傳入一個renderItem函數,就能夠從數據映射到任何你想要的圖形,更棒的是這些都還能和已有的交互組件結合使用而不須要操心其它事情。

你能夠在下載界面下載包含全部圖表的構建文件,若是隻是須要其中一兩個圖表,又嫌包含全部圖表的構建文件太大,也能夠在在線構建中選擇須要的圖表類型後自定義構建。

多種數據格式無需轉換直接使用

ECharts 內置的 dataset 屬性(4.0+)支持直接傳入包括二維表,key-value 等多種格式的數據源,經過簡單的設置 encode 屬性就能夠完成從數據到圖形的映射,這種方式更符合可視化的直覺,省去了大部分場景下數據轉換的步驟,並且多個組件可以共享一份數據而不用克隆。

爲了配合大數據量的展示,ECharts 還支持輸入 TypedArray 格式的數據,TypedArray 在大數據量的存儲中能夠佔用更少的內存,對 GC 友好等特性也能夠大幅度提高可視化應用的性能。

千萬數據的前端展示

經過增量渲染技術(4.0+),配合各類細緻的優化,ECharts 可以展示千萬級的數據量,而且在這個數據量級依然可以進行流暢的縮放平移等交互。

幾千萬的地理座標數據就算使用二進制存儲也要佔上百 MB 的空間。所以 ECharts 同時提供了對流加載(4.0+)的支持,你可使用 WebSocket 或者對數據分塊後加載,加載多少渲染多少!不須要漫長地等待全部數據加載完再進行繪製。


移動端優化

ECharts 針對移動端交互作了細緻的優化,例如移動端小屏上適於用手指在座標系中進行縮放、平移。 PC 端也能夠用鼠標在圖中進行縮放(用鼠標滾輪)、平移等。

細粒度的模塊化和打包機制可讓 ECharts 在移動端也擁有很小的體積,可選的 SVG 渲染模塊讓移動端的內存佔用再也不捉襟見肘。

多渲染方案,跨平臺使用!

ECharts 支持以 Canvas、SVG(4.0+)、VML 的形式渲染圖表。VML 能夠兼容低版本 IE,SVG 使得移動端再也不爲內存擔心,Canvas 能夠輕鬆應對大數據量和特效的展示。不一樣的渲染方式提供了更多選擇,使得 ECharts 在各類場景下都有更好的表現。

除了 PC 和移動端的瀏覽器,ECharts 還能在 node 上配合 node-canvas 進行高效的服務端渲染(SSR)。從 4.0 開始咱們還和微信小程序的團隊合做,提供了 ECharts 對小程序的適配!

社區熱心的貢獻者也爲咱們提供了豐富的其它語言擴展,好比 Python 的pyecharts,R 語言的 recharts, Julia 的 ECharts.jl 等等。

咱們但願平臺和語言都不會成爲你們使用 ECharts 實現可視化的限制!

深度的交互式數據探索

交互是從數據中發掘信息的重要手段。「總覽爲先,縮放過濾按需查看細節」是數據可視化交互的基本需求。

ECharts 一直在交互的路上前進,咱們提供了 圖例視覺映射數據區域縮放tooltip數據刷選等開箱即用的交互組件,能夠對數據進行多維度數據篩取、視圖縮放、展現細節等交互操做。

多維數據的支持以及豐富的視覺編碼手段

ECharts 3 開始增強了對多維數據的支持。除了加入了平行座標等常見的多維數據可視化工具外,對於傳統的散點圖等,傳入的數據也能夠是多個維度的。配合視覺映射組件 visualMap 提供的豐富的視覺編碼,可以將不一樣維度的數據映射到顏色,大小,透明度,明暗度等不一樣的視覺通道。

動態數據

ECharts 由數據驅動,數據的改變驅動圖表展示的改變。所以動態數據的實現也變得異常簡單,只須要獲取數據,填入數據,ECharts 會找到兩組數據之間的差別而後經過合適的動畫去表現數據的變化。配合 timeline 組件可以在更高的時間維度上去表現數據的信息。

絢麗的特效

ECharts 針對線數據,點數據等地理數據的可視化提供了吸引眼球的特效。

經過 GL 實現更多更強大絢麗的三維可視化

想要在 VR,大屏場景裏實現三維的可視化效果?咱們提供了基於 WebGL 的 ECharts GL,你能夠跟使用 ECharts 普通組件同樣輕鬆的使用 ECharts GL 繪製出三維的地球,建築羣,人口分佈的柱狀圖,在這基礎之上咱們還提供了不一樣層級的畫面配置項,幾行配置就能獲得藝術化的畫面!


無障礙訪問(4.0+)

當咱們說到「可視化」的時候,咱們每每很天然地將它與「看得⻅」聯繫在一塊兒,但其 實這是片面的。W3C制定了無障礙富互聯網應用規範集(WAI-ARIA,the Accessible Rich Internet Applications Suite),致力於使得網⻚內容和網⻚應 用可以被更多殘障人士訪問。

ECharts 4.0聽從這一規範,支持自動根據圖表配置項智能生成描述,使得盲人可 以在朗讀設備的幫助下了解圖表內容,讓圖表能夠被更多人羣訪問!

相關文章
相關標籤/搜索