ECharts是一款能夠支持電腦和移動設(shè)備上流暢使用的純 Javascript 的圖表庫,具有界面簡潔明晰、操作方便快捷的特點。ECharts可以幫助用戶進行快速的企業(yè)圖形文案等制作
ECharts作用
1.echarts中更是加入了更多豐富的交互功能以及更多的可視化效果,并且對移動端做了深度的優(yōu)化
2.底層依賴輕量級canva+庫zrender,提供直觀,生動,可交互,可高度個性化定制的數(shù)據(jù)可視化圖表
3.echarts,一個純javascript的圖表庫,可以流暢的運行在pc和移動設(shè)備上,兼容當(dāng)前絕大部分瀏覽器(ie8/9/10/11),chrome,firefox,safari等
ECharts軟件特色
Echarts mix
混搭
混搭的圖表會更具表現(xiàn)力也更有有趣味,ECharts提供的圖表(共11類17種)支持任意混搭:
折線圖(面積圖)、柱狀圖(條形圖)、散點圖(氣泡圖)、K線圖、
餅圖(環(huán)形圖)、雷達圖、地圖、和弦圖、力導(dǎo)布局圖、儀表盤、漏斗圖。
混搭情況下一個標(biāo)準(zhǔn)圖表:包含唯一圖例、工具箱、數(shù)據(jù)區(qū)域縮放、值域漫游模塊,一個直角坐標(biāo)系(可包含一條或多條類目軸線,一條或多條值軸線,最多上下左右四條)
拖拽重計算
拖拽重計算特性(專利)帶來了數(shù)據(jù)統(tǒng)計圖表從未有過的用戶體驗,允許用戶對統(tǒng)計數(shù)據(jù)進行有效的提取、整合,甚至在多個圖表間交換數(shù)據(jù),賦予了用戶對數(shù)據(jù)進行挖掘、整合的能力。
Echarts 拖拽重計算
Echarts 數(shù)據(jù)視圖
數(shù)據(jù)視圖
如果你所呈現(xiàn)的數(shù)據(jù)足夠讓用戶所關(guān)心,那么他們將不滿足于查看可視化的圖表,要去逐一迎合他們下載保存,數(shù)據(jù)分享,加工整合已有數(shù)據(jù)等等需求?
或許你只要給予一個“,”分隔的數(shù)據(jù)文本他們就懂了,這就是ECharts的數(shù)據(jù)視圖!當(dāng)然,你可以重載數(shù)據(jù)視圖的輸出方法,用你獨特的方式去呈現(xiàn)數(shù)據(jù)。
如果你的用戶足夠的高端,你甚至可以打開數(shù)據(jù)視圖的編輯功能,跟拖拽重計算相比,這可是批量的數(shù)據(jù)修改!
動態(tài)類型切換
很多圖表類型本身所表現(xiàn)的能力是相似的,但由于數(shù)據(jù)差異、表現(xiàn)需求和個人喜好的不同導(dǎo)致最終圖表所呈現(xiàn)的張力又大不一樣,比如折線圖和柱狀圖的選擇,系列數(shù)據(jù)是堆疊還是平鋪總是讓人頭疼。
ECharts提供了動態(tài)類型切換,讓用戶隨心所欲的切換到他所需要的圖表類型和堆疊狀態(tài)。
Echarts 動態(tài)類型切換
Echarts 圖例開關(guān)
圖例開關(guān)
多系列數(shù)據(jù)的同時展現(xiàn)呈現(xiàn)出豐富內(nèi)容,但如何讓用戶切換到他所關(guān)心的個別系列上?
ECharts提供了方便快捷的多維度圖例開關(guān),可以隨時切換到你所關(guān)心的數(shù)據(jù)系列。
數(shù)據(jù)區(qū)域選擇
數(shù)據(jù)可以是無限的,但顯示空間總是有限的,數(shù)據(jù)區(qū)域選擇組件提供了大數(shù)據(jù)量中漫游的能力,讓用戶選擇并呈現(xiàn)他所關(guān)心的數(shù)據(jù)區(qū)域。
配合隨動的均值(極值)標(biāo)線,標(biāo)注展現(xiàn)強大的數(shù)據(jù)剖析能力。 try this 》
Echarts 數(shù)據(jù)區(qū)域縮放
Echarts 多圖聯(lián)動
多圖聯(lián)動
多系列數(shù)據(jù)在同一個直角系內(nèi)同時展現(xiàn)有時候會產(chǎn)生混亂,但他們又存在極強的關(guān)聯(lián)意義不可分離?
ECharts提供了多圖聯(lián)動的能力(connect),能做的可不僅僅是鼠標(biāo)劃過的詳情顯示,連接的多個圖表會共享組件事件并且實現(xiàn)了保存圖片時的自動拼接。 try this 》
值域漫游
基于坐標(biāo)的圖表(如地圖、散點圖)通過色彩變化表現(xiàn)數(shù)值的大小能直觀形象的展示數(shù)據(jù)分布。
但如何聚焦到我所關(guān)心的數(shù)值上?我們創(chuàng)造了稱為值域漫游的功能,讓你可以輕松進行數(shù)值篩選。
Echarts 值域漫游
Echarts 炫光特效
ECharts功能
動態(tài)性logo
水球比賽圖的應(yīng)用方法比較簡單,完成下列那樣的實際效果,只必須將系列產(chǎn)品種類設(shè)為liquidfill,而且特定數(shù)據(jù)信息就可以
表值數(shù)據(jù)圖表
此外,象形柱圖還能夠用同一圖型的數(shù)量主要表現(xiàn)標(biāo)值,完成相近echarts圣誕活動頁中一群精靈的實際效果。因此象形柱圖能夠非常大水平上考慮信息圖的繪圖要求
自然地理提醒圖
主題河流圖是一種獨特的流圖,它關(guān)鍵用于表明惡性事件或主題等在一段時間內(nèi)的轉(zhuǎn)變。主題河流中不一樣色調(diào)的條帶條狀河流支系編號了不一樣的惡性事件或主題,河流支系的總寬編號了原數(shù)據(jù)信息集中化的value值。除此之外,原數(shù)據(jù)信息集中化的時間特性,投射到單獨時間線上
象形柱圖
象形柱圖是能夠設(shè)定各種各樣具像圖型原素(如照片、svgpathdata等)的柱形圖。通常用在信息圖中,用以有最少一個品類軸或時間線的直角坐標(biāo)上,在echarts圣誕活動頁中,大家制做了下列這一麋鹿和交通方式的速率前后對比,那樣的數(shù)據(jù)圖表能夠應(yīng)用echarts象形柱圖便捷地完成。