ECharts

ECharts,一個使用 JavaScript 實現(xiàn)的開源可視化庫,可以流暢的運行在 PC 和移動設(shè)備上,兼容當(dāng)前絕大部分瀏覽器,底層依賴矢量圖形庫 [ZRender],提供直觀,交互豐富,可高度個性化定制的數(shù)據(jù)可視化圖表。

豐富的可視化類型

ECharts 提供了常規(guī)的折線圖、柱狀圖、散點圖、餅圖、K線圖,用于統(tǒng)計的盒形圖,用于地理數(shù)據(jù)可視化的地圖、熱力圖、線圖,用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖、treemap、旭日圖,多維數(shù)據(jù)可視化的[平行坐標],還有用于 BI 的漏斗圖,儀表盤,并且支持圖與圖之間的混搭。

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

你可以在下載界面下載包含所有圖表的構(gòu)建文件,如果只是需要其中一兩個圖表,又嫌包含所有圖表的構(gòu)建文件太大,也可以在在線構(gòu)建中選擇需要的圖表類型后自定義構(gòu)建。

多種數(shù)據(jù)格式無需轉(zhuǎn)換直接使用

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

為了配合大數(shù)據(jù)量的展現(xiàn),ECharts 還支持輸入 TypedArray 格式的數(shù)據(jù),TypedArray 在大數(shù)據(jù)量的存儲中可以占用更少的內(nèi)存,對 GC 友好等特性也可以大幅度提升可視化應(yīng)用的性能。

動態(tài)數(shù)據(jù)

ECharts 由數(shù)據(jù)驅(qū)動,數(shù)據(jù)的改變驅(qū)動圖表展現(xiàn)的改變。因此動態(tài)數(shù)據(jù)的實現(xiàn)也變得異常簡單,只需要獲取數(shù)據(jù),填入數(shù)據(jù),ECharts 會找到兩組數(shù)據(jù)之間的差異然后通過合適的動畫去表現(xiàn)數(shù)據(jù)的變化。配合 timeline 組件能夠在更高的時間維度上去表現(xiàn)數(shù)據(jù)的信息。

絢麗的特效

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 近期,公司出了一個新需求,我們需要開發(fā)一個數(shù)據(jù)統(tǒng)計平臺,于是就需要使用圖表來是數(shù)據(jù)更直觀的呈現(xiàn)。Echarts是我...
    趙客縵胡纓v吳鉤霜雪明閱讀 4,087評論 3 91
  • ECharts,一個使用 JavaScript 實現(xiàn)的開源可視化庫,可以流暢的運行在 PC 和移動設(shè)備上,兼容當(dāng)前...
    YOYO做設(shè)計閱讀 9,609評論 2 7
  • ECharts 是一個使用 JavaScript 實現(xiàn)的開源可視化庫,涵蓋各行業(yè)圖表,滿足各種需求。 EChart...
    是青水啊閱讀 286評論 0 1
  • 各種實例:https://echarts.apache.org/examples/zh/index.html[ht...
    Cute_小肥雞閱讀 1,435評論 0 1
  • ECharts 是一個使用 JavaScript 實現(xiàn)的開源可視化庫,涵蓋各行業(yè)圖表,滿足各種需求。ECharts...
    飛揚code閱讀 681評論 0 4

友情鏈接更多精彩內(nèi)容