基于html5 Canvas圖表庫的ECharts怎么用

本篇文章為大家展示了基于html5 Canvas圖表庫的ECharts怎么用，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

　　ECharts開源來自百度商業前端數據可視化團隊，基于html5Canvas，是一個純Javascript圖表庫，提供直觀，生動，可交互，可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗，賦予了用戶對數據進行挖掘、整合的能力?！髷祿r代，重新定義數據圖表的時候到了

Architecture

　　ECharts(EnterpriseCharts商業產品圖表庫)

　　提供商業產品常用圖表庫，底層基于ZRender，創建了坐標系，圖例，提示，工具箱等基礎組件，并在此上構建出折線圖（區域圖）、柱狀圖（條狀圖）、散點圖（氣泡圖）、餅圖（環形圖）、K線圖、地圖、和弦圖以及力導向布局圖，同時支持任意維度的堆積和多圖表混合展現。

　　混搭的圖表會更具表現力也更有趣味，ECharts提供的圖表（共9類14種）支持任意混搭：

　　折線圖（區域圖）、柱狀圖（條狀圖）、散點圖（氣泡圖）、K線圖、餅圖（環形圖）、雷達圖、地圖、和弦圖、力導布局圖。

　　包含唯一圖例、工具箱、數據區域縮放、值域漫游模塊，一個直角坐標系（可包含一條或多條類目軸線，一條或多條值軸線，最多上下左右四條）

拖拽重計算

　　拖拽重計算特性（專利）帶來了數據統計圖表從未有過的用戶體驗，允許用戶對統計數據進行有效的提取、整合，甚至在多個圖表間交換數據，賦予了用戶對數據進行挖掘、整合的能力。

數據視圖

　　如果你所呈現的數據足夠讓用戶所關心，那么他們將不滿足于查看可視化的圖表，要去逐一迎合他們下載保存，數據分享，加工整合已有數據等等需求？

　　或許你只要給予一個","分隔的數據文本他們就懂了，這就是ECharts的數據視圖！當然，你可以重載數據視圖的輸出方法，用你獨特的方式去呈現數據。

　　如果你的用戶足夠的高端，你甚至可以打開數據視圖的編輯功能，跟拖拽重計算相比，這可是批量的數據修改！

動態類型切換

　　很多圖表類型本身所表現的能力是相似的，但由于數據差異、表現需求和個人喜好的不同導致最終圖表所呈現的張力又大不一樣，比如折線圖和柱狀圖的選擇,系列數據是堆疊還是平鋪總是讓人頭疼。

　　ECharts提供了動態類型切換，讓用戶隨心所欲的切換到他所需要的圖表類型和堆疊狀態。

　　多系列數據的同時展現呈現出豐富內容，但如何讓用戶切換到他所關心的個別系列上？

　　ECharts提供了方便快捷的多維度圖例開關，可以隨時切換到你所關心的數據系列。

數據區域選擇

　　數據可以是無限的，但顯示空間總是有限的，數據區域選擇組件提供了大數據量中漫游的能力，讓用戶選擇并呈現他所關心的數據區域。

　　配合隨動的均值（極值）標線，標注展現強大的數據剖析能力。

多圖聯動

　　多系列數據在同一個直角系內同時展現有時候會產生混亂，但他們又存在極強的關聯意義不可分離？

　　ECharts提供了多圖聯動的能力（connect），能做的可不僅僅是鼠標劃過的詳情顯示，連接的多個圖表會共享組件事件并且實現了保存圖片時的自動拼接。

值域漫游

　　基于坐標的圖表（如地圖、散點圖）通過色彩變化表現數值的大小能直觀形象的展示數據分布。

　　但如何聚焦到我所關心的數值上？我們創造了稱為值域漫游的功能，讓你可以輕松進行數值篩選。

上述內容就是基于html5 Canvas圖表庫的ECharts怎么用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。