0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁(yè) > 技術(shù)支持 > Javascript/JQuery > ECharts 一個(gè)使用 JavaScript 實(shí)現(xiàn)的開(kāi)源數(shù)據(jù)可視化圖表庫(kù)

ECharts 一個(gè)使用 JavaScript 實(shí)現(xiàn)的開(kāi)源數(shù)據(jù)可視化圖表庫(kù)

時(shí)間:2024-09-20來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 1429次
ECharts,一個(gè)使用 JavaScript 實(shí)現(xiàn)的開(kāi)源可視化庫(kù),可以流暢的運(yùn)行在 PC 和移動(dòng)設(shè)備上,兼容當(dāng)前絕大部分瀏覽器(IE8/9/10/11,Chrome,F(xiàn)irefox,Safari等),底層依賴輕量級(jí)的矢量圖形庫(kù) ZRender,提供直觀,交互豐富,可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。

演示實(shí)例地址:http://echarts.baidu.com/examples/

下載地址:http://echarts.baidu.com/download.html
ECharts 一個(gè)使用 JavaScript 實(shí)現(xiàn)的開(kāi)源數(shù)據(jù)可視化圖表庫(kù)

豐富的可視化類型

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

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

你可以在下載界面下載包含所有圖表的構(gòu)建文件,如果只是需要其中一兩個(gè)圖表,又嫌包含所有圖表的構(gòu)建文件太大,也可以在在線構(gòu)建中選擇需要的圖表類型后自定義構(gòu)建。
ECharts 一個(gè)使用 JavaScript 實(shí)現(xiàn)的開(kāi)源數(shù)據(jù)可視化圖表庫(kù)

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

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

為了配合大數(shù)據(jù)量的展現(xiàn),ECharts 還支持輸入 TypedArray 格式的數(shù)據(jù),TypedArray 在大數(shù)據(jù)量的存儲(chǔ)中可以占用更少的內(nèi)存,對(duì) GC 友好等特性也可以大幅度提升可視化應(yīng)用的性能。
ECharts 一個(gè)使用 JavaScript 實(shí)現(xiàn)的開(kāi)源數(shù)據(jù)可視化圖表庫(kù)

千萬(wàn)數(shù)據(jù)的前端展現(xiàn)

通過(guò)增量渲染技術(shù)(4.0+),配合各種細(xì)致的優(yōu)化,ECharts 能夠展現(xiàn)千萬(wàn)級(jí)的數(shù)據(jù)量,并且在這個(gè)數(shù)據(jù)量級(jí)依然能夠進(jìn)行流暢的縮放平移等交互。

幾千萬(wàn)的地理坐標(biāo)數(shù)據(jù)就算使用二進(jìn)制存儲(chǔ)也要占上百 MB 的空間。因此 ECharts 同時(shí)提供了對(duì)流加載(4.0+)的支持,你可以使用 WebSocket 或者對(duì)數(shù)據(jù)分塊后加載,加載多少渲染多少!不需要漫長(zhǎng)地等待所有數(shù)據(jù)加載完再進(jìn)行繪制。
ECharts 一個(gè)使用 JavaScript 實(shí)現(xiàn)的開(kāi)源數(shù)據(jù)可視化圖表庫(kù)

移動(dòng)端優(yōu)化

ECharts 針對(duì)移動(dòng)端交互做了細(xì)致的優(yōu)化,例如移動(dòng)端小屏上適于用手指在坐標(biāo)系中進(jìn)行縮放、平移。 PC 端也可以用鼠標(biāo)在圖中進(jìn)行縮放(用鼠標(biāo)滾輪)、平移等。

細(xì)粒度的模塊化和打包機(jī)制可以讓 ECharts 在移動(dòng)端也擁有很小的體積,可選的 SVG 渲染模塊讓移動(dòng)端的內(nèi)存占用不再捉襟見(jiàn)肘。

多渲染方案,跨平臺(tái)使用!

ECharts 支持以 Canvas、SVG(4.0+)、VML 的形式渲染圖表。VML 可以兼容低版本 IE,SVG 使得移動(dòng)端不再為內(nèi)存擔(dān)憂,Canvas 可以輕松應(yīng)對(duì)大數(shù)據(jù)量和特效的展現(xiàn)。不同的渲染方式提供了更多選擇,使得 ECharts 在各種場(chǎng)景下都有更好的表現(xiàn)。

除了 PC 和移動(dòng)端的瀏覽器,ECharts 還能在 node 上配合 node-canvas 進(jìn)行高效的服務(wù)端渲染(SSR)。從 4.0 開(kāi)始我們還和微信小程序的團(tuán)隊(duì)合作,提供了 ECharts 對(duì)小程序的適配!

社區(qū)熱心的貢獻(xiàn)者也為我們提供了豐富的其它語(yǔ)言擴(kuò)展,比如 Python 的pyecharts,R 語(yǔ)言的 recharts, Julia 的 ECharts.jl 等等。

我們希望平臺(tái)和語(yǔ)言都不會(huì)成為大家使用 ECharts 實(shí)現(xiàn)可視化的限制!

您可能感興趣的相關(guān)文章:

欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開(kāi)