ECharts – 大資料時代，重新定義資料圖表

標籤：

　　ECharts 基於 Canvas 的純 Javascript 圖表庫，提供直觀，生動，可互動，可個人化定製的資料視覺效果圖表。創新的拖拽重計算、資料檢視、範圍漫遊等特性大大增強了使用者體驗，賦予了使用者對資料進行挖掘、整合的能力。相容大多數瀏覽器，包括IE6/7/8/9+, Chrome, Firefox, Safari 以及 Opera。

 

 

線上示範      源碼下載

　

特色功能混搭

混搭的圖表會更具表現力也更有趣味，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 »

 

您可能感興趣的相關文章

• 網站開發中很有用的 jQuery 效果【附源碼】
• 分享35個讓人驚訝的 CSS3 動畫效果示範
• 十分驚豔的8個 HTML5 & JavaScript 特效
• Web 開發中很實用的10個效果【源碼下載】
• 12款經典的白富美型 jQuery 圖片輪播外掛程式

 

本文連結：ECharts  – 大資料時代，重新定義資料圖表

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

ECharts – 大資料時代，重新定義資料圖表