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