ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等)
ECharts 2.0.3 更新(新增縮放漫游組件,交互優化等),更新內容如下:
修改記錄
[+]新增 [-]刪除 [^]升級 [#]修復 【】重要
2.0.3(2014-09-05)
【+】 [roamController]新增組件:縮放漫游組件(roamController),搭配地圖使用,support #321 ?
【^】 [bar]動態類型切換樣式沖突,柱形樣式borderWidth | Color | Radius改名為barBorderWidth | Color | Radius,見itemStyle ?,fix #622 ?
[+] 全系列圖表增加clickable控制配置,解決鼠標默認手型顯示和地圖必須開啟selectedMode才能觸發點擊事件的問題
[^] [valueAxis]兩端留空策略優化,support #523 ?
[^] [bar]柱形圓角barBorderRadius支持數組,支持4個圓角半徑獨立定義
[#] [tooltip]timeline下連續顯示,fix this ?
[#] showLoading文字全局居中,fix #638 ?
[#] [timeline]軸線節點虛線顯示不完整
[#] 修復交互觸發頁面被選中的問題
[#] 若干issues,fix #540(極坐標坐標軸顯示)? #543(多地圖滾輪縮放錯誤)? #562(dataZoom散點圖縮放適用)? #568(儀表盤js精度運算)? #600(非直角系多圖聯動下的動態類型切換報錯)? #616(直角坐標計算臨界點錯誤)? #617(雷達圖虛線顯示)? #644(dom寬高為0時死循環)? #650(標注標線區域縮放后無法再顯示)?
[?] 依賴升級,ZRender 2.0.3+
新增【CSDN開源夏令營】-數據可視化實踐專題
甲午之殤:紀念甲午戰爭120周年
http://code.csdn.net/os_camp/40/proposals/42
ECharts
基于Canvas,純Javascript圖表庫,提供直觀,生動,可交互,可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。
———— 大數據時代,重新定義數據圖表的時候到了
LICENSE:https://github.com/ecomfe/echarts/blob/master/LICENSE.txt
Architecture
ECharts (Enterprise Charts 商業產品圖表庫)
提供商業產品常用圖表庫,底層基于ZRender,創建了坐標系,圖例,提示,工具箱等基礎組件,并在此上構建出折線圖(區域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、餅圖(環形圖)、K線圖、地圖、和弦圖以及力導向布局圖,同時支持任意維度的堆積和多圖表混合展現。
(IE8- supported by excanvas )
特色
我們誠摯邀請你翻閱這份在線文檔 《 Why ECharts ? 》 你可以從中更直觀的體驗到ECharts的特性以及快速瀏覽到所有圖表類型。
*文檔中展現的個別特性在IE8-中并沒有得到支持,所以建議使用IE9+、chrome、safari、firefox或opear等高級瀏覽器閱讀這份文檔。
混搭
混搭的圖表會更具表現力也更有趣味,ECharts提供的圖表(共9類14種)支持任意混搭:
折線圖(區域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、K線圖、 餅圖(環形圖)、雷達圖、地圖、和弦圖、力導布局圖。
混搭情況下一個標準圖表:包含唯一圖例、工具箱、數據區域縮放、值域漫游模塊,一個直角坐標系(可包含一條或多條類目軸線,一條或多條值軸線,最多上下左右四條)
拖拽重計算
拖拽重計算特性(專利)帶來了數據統計圖表從未有過的用戶體驗,允許用戶對統計數據進行有效的提取、整合,甚至在多個圖表間交換數據,賦予了用戶對數據進行挖掘、整合的能力。
數據視圖
如果你所呈現的數據足夠讓用戶所關心,那么他們將不滿足于查看可視化的圖表,要去逐一迎合他們下載保存,數據分享,加工整合已有數據等等需求?
或許你只要給予一個“,”分隔的數據文本他們就懂了,這就是ECharts的數據視圖!當然,你可以重載數據視圖的輸出方法,用你獨特的方式去呈現數據。
如果你的用戶足夠的高端,你甚至可以打開數據視圖的編輯功能,跟拖拽重計算相比,這可是批量的數據修改!
動態類型切換
很多圖表類型本身所表現的能力是相似的,但由于數據差異、表現需求和個人喜好的不同導致最終圖表所呈現的張力又大不一樣,比如折線圖和柱狀圖的選擇,系列數據是堆疊還是平鋪總是讓人頭疼。
ECharts提供了動態類型切換,讓用戶隨心所欲的切換到他所需要的圖表類型和堆疊狀態。
圖例開關
多系列數據的同時展現呈現出豐富內容,但如何讓用戶切換到他所關心的個別系列上?
ECharts提供了方便快捷的多維度圖例開關,可以隨時切換到你所關心的數據系列。
數據區域選擇
數據可以是無限的,但顯示空間總是有限的,數據區域選擇組件提供了大數據量中漫游的能力,讓用戶選擇并呈現他所關心的數據區域。
配合隨動的均值(極值)標線,標注展現強大的數據剖析能力。
多圖聯動
多系列數據在同一個直角系內同時展現有時候會產生混亂,但他們又存在極強的關聯意義不可分離?
ECharts提供了多圖聯動的能力(connect),能做的可不僅僅是鼠標劃過的詳情顯示,連接的多個圖表會共享組件事件并且實現了保存圖片時的自動拼接。
值域漫游
基于坐標的圖表(如地圖、散點圖)通過色彩變化表現數值的大小能直觀形象的展示數據分布。
但如何聚焦到我所關心的數值上?我們創造了稱為值域漫游的功能,讓你可以輕松進行數值篩選。
炫光特效
我們知道,很多時候我們需要一些吸引眼球的能力。
ECharts支持標注標線的炫光特效,特別用在地圖上輕松實現百度遷徙數據可視化特效
大規模散點圖
如何展現成千上百萬的離散數據從而找出他們的分布和聚類?貌似除了用專業的統計工具(如MATLAB)外別無選擇?
不,ECharts發明了基于像素的大規模散點圖(專利),一個900 x 400的散點區域就能夠毫不重復的呈現36萬組數據,這對于常規的應用,用現代瀏覽器就足以輕松展現百萬級的散點數據!
動態數據添加
如果你需要展示有實時變化的數據,相信這個動態接口會對你很有幫助。
標線輔助
趨勢線?平均線?未來走勢?修正值?有需求用戶自然知道用意~
提供標線輔助在K線圖中可是必要的功能!是的,K線圖我們正在開發中~
多維度堆積
支持多系列,多維度的數據堆積,配合自動伸縮的圖形實體和直角坐標系,能呈現出更有內涵的統計圖表~
子區域地圖模式
地圖類型支持world,china及全國34個省市自治區。同時支持子區域模式,通過主地圖類型擴展出所包含的子區域地圖,輕易輸出全球176個國家地區和全國600多個省市區域簡圖。
GeoJson地圖擴展
內置地圖由標準GeoJson地理數據并經過高效的壓縮算法壓縮生成的地圖數據(大小僅為標準geoJson的30%左右)驅動而來。如果內置地圖類型或數據如果并未滿足你的項目需要,可通過簡單動態注冊產生你所需要的新類型。
個性化定制
500+個可配置選項結合多級控制設計滿足高度定制的個性化需求。
事件交互
可以捕獲的用戶交互和數據變化事件實現圖表與外界的聯動。try this ?