ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等)

jopen 10年前發布 | 32K 次閱讀 ECharts

ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等),更新內容如下:

修改記錄

[+]新增 [-]刪除 [^]升級 [#]修復 【】重要                    

2.0.3(2014-09-05)

ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等)

 

 

ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等)

    新增【CSDN開源夏令營】-數據可視化實踐專題

甲午之殤:紀念甲午戰爭120周年

http://code.csdn.net/os_camp/40/proposals/42

ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等)

ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等)

ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等)

ECharts

http://echarts.baidu.com

基于Canvas,純Javascript圖表庫,提供直觀,生動,可交互,可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。

———— 大數據時代,重新定義數據圖表的時候到了

LICENSE:https://github.com/ecomfe/echarts/blob/master/LICENSE.txt

Architecture

ECharts (Enterprise Charts 商業產品圖表庫)

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

(IE8- supported by excanvas )

ECharts Architecture

特色

我們誠摯邀請你翻閱這份在線文檔 《 Why ECharts ? 》 你可以從中更直觀的體驗到ECharts的特性以及快速瀏覽到所有圖表類型。

*文檔中展現的個別特性在IE8-中并沒有得到支持,所以建議使用IE9+、chrome、safari、firefox或opear等高級瀏覽器閱讀這份文檔。


混搭

混搭的圖表會更具表現力也更有趣味,ECharts提供的圖表(共9類14種)支持任意混搭:

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

混搭情況下一個標準圖表:包含唯一圖例、工具箱、數據區域縮放、值域漫游模塊,一個直角坐標系(可包含一條或多條類目軸線,一條或多條值軸線,最多上下左右四條)

ECharts 混搭

拖拽重計算

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

ECharts 拖拽重計算

數據視圖

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

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

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

ECharts 數據視圖

動態類型切換

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

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

ECharts 動態類型切換

圖例開關

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

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

ECharts 圖例開關

數據區域選擇

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

配合隨動的均值(極值)標線,標注展現強大的數據剖析能力。

ECharts 數據區域選擇

多圖聯動

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

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

ECharts 數據區域選擇

值域漫游

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

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

ECharts 數據區域選擇

炫光特效

我們知道,很多時候我們需要一些吸引眼球的能力。

ECharts支持標注標線的炫光特效,特別用在地圖上輕松實現百度遷徙數據可視化特效

ECharts 數據區域選擇

大規模散點圖

如何展現成千上百萬的離散數據從而找出他們的分布和聚類?貌似除了用專業的統計工具(如MATLAB)外別無選擇?

不,ECharts發明了基于像素的大規模散點圖(專利),一個900 x 400的散點區域就能夠毫不重復的呈現36萬組數據,這對于常規的應用,用現代瀏覽器就足以輕松展現百萬級的散點數據!

ECharts 數據區域選擇

動態數據添加

如果你需要展示有實時變化的數據,相信這個動態接口會對你很有幫助。

ECharts 標線輔助

標線輔助

趨勢線?平均線?未來走勢?修正值?有需求用戶自然知道用意~

提供標線輔助在K線圖中可是必要的功能!是的,K線圖我們正在開發中~

ECharts 標線輔助

多維度堆積

支持多系列,多維度的數據堆積,配合自動伸縮的圖形實體和直角坐標系,能呈現出更有內涵的統計圖表~

ECharts 多維度堆積

子區域地圖模式

地圖類型支持world,china及全國34個省市自治區。同時支持子區域模式,通過主地圖類型擴展出所包含的子區域地圖,輕易輸出全球176個國家地區和全國600多個省市區域簡圖。

ECharts 個性化定制

GeoJson地圖擴展

內置地圖由標準GeoJson地理數據并經過高效的壓縮算法壓縮生成的地圖數據(大小僅為標準geoJson的30%左右)驅動而來。如果內置地圖類型或數據如果并未滿足你的項目需要,可通過簡單動態注冊產生你所需要的新類型。

ECharts 個性化定制

個性化定制

500+個可配置選項結合多級控制設計滿足高度定制的個性化需求。

ECharts 個性化定制

事件交互

可以捕獲的用戶交互和數據變化事件實現圖表與外界的聯動。try this ?

ECharts 個性化定制

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!