ECharts是Apache開發(fā)的一款JavaScript圖表庫,提供商業(yè)產(chǎn)品常用圖表,底層基于ZRender,一個(gè)全新的輕量級canvas類庫,創(chuàng)建了坐標(biāo)系,圖例,提示,工具箱等基礎(chǔ)組件,并在此上構(gòu)建出折線圖、柱狀圖、散點(diǎn)圖、K線圖、餅圖、雷達(dá)圖、地圖、和弦圖、力導(dǎo)向布局圖、儀表盤以及漏斗圖,同時(shí)支持任意維度的堆積和多圖表混合展現(xiàn)。
軟件特色
Echarts mix
混搭
混搭的圖表會更具表現(xiàn)力也更有有趣味,ECharts提供的圖表(共11類17種)支持任意混搭:
折線圖(面積圖)、柱狀圖(條形圖)、散點(diǎn)圖(氣泡圖)、K線圖、
餅圖(環(huán)形圖)、雷達(dá)圖、地圖、和弦圖、力導(dǎo)布局圖、儀表盤、漏斗圖。
混搭情況下一個(gè)標(biāo)準(zhǔn)圖表:包含唯一圖例、工具箱、數(shù)據(jù)區(qū)域縮放、值域漫游模塊,一個(gè)直角坐標(biāo)系(可包含一條或多條類目軸線,一條或多條值軸線,最多上下左右四條)
拖拽重計(jì)算
拖拽重計(jì)算特性(專利)帶來了數(shù)據(jù)統(tǒng)計(jì)圖表從未有過的用戶體驗(yàn),允許用戶對統(tǒng)計(jì)數(shù)據(jù)進(jìn)行有效的提取、整合,甚至在多個(gè)圖表間交換數(shù)據(jù),賦予了用戶對數(shù)據(jù)進(jìn)行挖掘、整合的能力。
Echarts 拖拽重計(jì)算
Echarts 數(shù)據(jù)視圖
數(shù)據(jù)視圖
如果你所呈現(xiàn)的數(shù)據(jù)足夠讓用戶所關(guān)心,那么他們將不滿足于查看可視化的圖表,要去逐一迎合他們下載保存,數(shù)據(jù)分享,加工整合已有數(shù)據(jù)等等需求?
或許你只要給予一個(gè)“,”分隔的數(shù)據(jù)文本他們就懂了,這就是ECharts的數(shù)據(jù)視圖!當(dāng)然,你可以重載數(shù)據(jù)視圖的輸出方法,用你獨(dú)特的方式去呈現(xiàn)數(shù)據(jù)。
如果你的用戶足夠的高端,你甚至可以打開數(shù)據(jù)視圖的編輯功能,跟拖拽重計(jì)算相比,這可是批量的數(shù)據(jù)修改!
動(dòng)態(tài)類型切換
很多圖表類型本身所表現(xiàn)的能力是相似的,但由于數(shù)據(jù)差異、表現(xiàn)需求和個(gè)人喜好的不同導(dǎo)致最終圖表所呈現(xiàn)的張力又大不一樣,比如折線圖和柱狀圖的選擇,系列數(shù)據(jù)是堆疊還是平鋪總是讓人頭疼。
ECharts提供了動(dòng)態(tài)類型切換,讓用戶隨心所欲的切換到他所需要的圖表類型和堆疊狀態(tài)。
Echarts 動(dòng)態(tài)類型切換
Echarts 圖例開關(guān)
圖例開關(guān)
多系列數(shù)據(jù)的同時(shí)展現(xiàn)呈現(xiàn)出豐富內(nèi)容,但如何讓用戶切換到他所關(guān)心的個(gè)別系列上?
ECharts提供了方便快捷的多維度圖例開關(guān),可以隨時(shí)切換到你所關(guān)心的數(shù)據(jù)系列。
數(shù)據(jù)區(qū)域選擇
數(shù)據(jù)可以是無限的,但顯示空間總是有限的,數(shù)據(jù)區(qū)域選擇組件提供了大數(shù)據(jù)量中漫游的能力,讓用戶選擇并呈現(xiàn)他所關(guān)心的數(shù)據(jù)區(qū)域。
配合隨動(dòng)的均值(極值)標(biāo)線,標(biāo)注展現(xiàn)強(qiáng)大的數(shù)據(jù)剖析能力。 try this 》
Echarts 數(shù)據(jù)區(qū)域縮放
Echarts 多圖聯(lián)動(dòng)
多圖聯(lián)動(dòng)
多系列數(shù)據(jù)在同一個(gè)直角系內(nèi)同時(shí)展現(xiàn)有時(shí)候會產(chǎn)生混亂,但他們又存在極強(qiáng)的關(guān)聯(lián)意義不可分離?
ECharts提供了多圖聯(lián)動(dòng)的能力(connect),能做的可不僅僅是鼠標(biāo)劃過的詳情顯示,連接的多個(gè)圖表會共享組件事件并且實(shí)現(xiàn)了保存圖片時(shí)的自動(dòng)拼接。 try this 》
值域漫游
基于坐標(biāo)的圖表(如地圖、散點(diǎn)圖)通過色彩變化表現(xiàn)數(shù)值的大小能直觀形象的展示數(shù)據(jù)分布。
但如何聚焦到我所關(guān)心的數(shù)值上?我們創(chuàng)造了稱為值域漫游的功能,讓你可以輕松進(jìn)行數(shù)值篩選。
Echarts 值域漫游
Echarts 炫光特效
炫光特效
我們知道,很多時(shí)候我們需要一些吸引眼球的能力。
ECharts支持標(biāo)注標(biāo)線的炫光特效,特別用在地圖上輕松實(shí)現(xiàn)百度遷徙數(shù)據(jù)可視化特效
大規(guī)模數(shù)據(jù)模式
如何展現(xiàn)成千上百萬的數(shù)據(jù)?貌似除了用專業(yè)的統(tǒng)計(jì)工具(如MATLAB)外別無選擇?
不,在擁有如此多交互特性下ECharts依然可以做到直角系圖表(折、柱、散點(diǎn)、K線)20萬數(shù)據(jù)秒級內(nèi)渲染完成,這對于常規(guī)的應(yīng)用,用現(xiàn)代瀏覽器就足以輕松展現(xiàn)百萬規(guī)模的數(shù)據(jù)!
Echarts 大規(guī)模散點(diǎn)圖
Echarts 動(dòng)態(tài)數(shù)據(jù)添加 Echarts 動(dòng)態(tài)數(shù)據(jù)添加
動(dòng)態(tài)數(shù)據(jù)添加
如果你需要展示有實(shí)時(shí)變化的數(shù)據(jù),相信這個(gè)動(dòng)態(tài)接口會對你很有幫助。
標(biāo)線輔助
趨勢 線?平均線?上升通道?支持位?專業(yè)的你自然知道該怎么用
提供標(biāo)線輔助在K線圖中可是必要的功能!當(dāng)然,ECharts中的任何圖表都可以使用。
Echarts 標(biāo)線輔助
Echarts 多維度堆積
多維度堆積
支持多系列,多維度的數(shù)據(jù)堆積,配合自動(dòng)伸縮的圖形實(shí)體和直角坐標(biāo)系,能呈現(xiàn)出更有內(nèi)涵的統(tǒng)計(jì)圖表~
子區(qū)域地圖模式
地圖類型支持world,china及全國34個(gè)省市自治區(qū)。同時(shí)支持子區(qū)域模式,通過主地圖類型擴(kuò)展出所包含的子區(qū)域地圖,輕易輸出全球176個(gè)國家地區(qū)和全國600多個(gè)省市區(qū)域簡圖, try this 》
Echarts 子區(qū)域地圖
Echarts 標(biāo)準(zhǔn)GeoJson擴(kuò)展
GeoJson地圖擴(kuò)展
內(nèi)置地圖由標(biāo)準(zhǔn)GeoJson地理數(shù)據(jù)并經(jīng)過高效的壓縮算法壓縮生成的地圖數(shù)據(jù)(大小僅為標(biāo)準(zhǔn)geoJson的30%左右)驅(qū)動(dòng)而來。如果內(nèi)置地圖類型或數(shù)據(jù)如果并未滿足你的項(xiàng)目需要,可通過簡單動(dòng)態(tài)注冊產(chǎn)生你所需要的新類型, try this 》
標(biāo)注 & 標(biāo)線
添加額外的標(biāo)注內(nèi)容是常用的功能,如地圖上標(biāo)注某些特定位置,折線圖上標(biāo)注極值點(diǎn)或者柱形圖里標(biāo)線出變化趨勢,ECharts全系列圖表支持標(biāo)注標(biāo)線功能,并且與生俱來的可以響應(yīng)圖例開關(guān)、值域漫游等組件的交互功能。
Echarts 全系列圖表支持標(biāo)注、標(biāo)線 Echarts 全系列圖表支持標(biāo)注、標(biāo)線
Echarts 多級控制 Echarts 高度個(gè)性化
個(gè)性化定制
超過600個(gè)可配置選項(xiàng)結(jié)合多級控制設(shè)計(jì)滿足高度定制的個(gè)性化需求。
詳細(xì)文檔 ?
事件交互
可以捕獲的用戶交互和數(shù)據(jù)變化事件實(shí)現(xiàn)圖表間或者與外界的聯(lián)動(dòng)。try this ?
事件調(diào)試try this ?
Echarts 事件交互
Echarts 百搭時(shí)間軸
百搭時(shí)間軸
時(shí)空數(shù)據(jù)分析是信息可視化里一個(gè)相當(dāng)重要的方向!ECharts提供可與任意圖表搭配使用的時(shí)間軸控件以展現(xiàn)時(shí)空數(shù)據(jù)變化。