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

　

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

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

混搭情況下一個标準圖表：包含唯一圖例、工具箱、資料區域縮放、值域漫遊子產品，一個直角坐标系（可包含一條或多條類目軸線，一條或多條值軸線，最多上下左右四條）

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/mix.jpg" target="_blank"></a>

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

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/draggable.gif" target="_blank"></a>

如果你所呈現的資料足夠讓使用者所關心，那麼他們将不滿足于檢視可視化的圖表，要去逐一迎合他們下載下傳儲存，資料分享，加工整合已有資料等等需求？

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

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

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/dataView.gif" target="_blank"></a>

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

ECharts提供了動态類型切換，讓使用者随心所欲的切換到他所需要的圖表類型和堆疊狀态。

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/magicType.gif" target="_blank"></a>

多系列資料的同時展現呈現出豐富内容，但如何讓使用者切換到他所關心的個别系列上？

ECharts提供了友善快捷的多元度圖例開關，可以随時切換到你所關心的資料系列。

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/legendSelected.gif" target="_blank"></a>

資料可以是無限的，但顯示空間總是有限的，資料區域選擇元件提供了大資料量中漫遊的能力，讓使用者選擇并呈現他所關心的資料區域。

配合随動的均值（極值）标線，标注展現強大的資料剖析能力。

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/datazoom.gif" target="_blank"></a>

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

ECharts提供了多圖關聯的能力（connect），能做的可不僅僅是滑鼠劃過的詳情顯示，連接配接的多個圖表會共享元件事件并且實作了儲存圖檔時的自動拼接。

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/connect.gif" target="_blank"></a>

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

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

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/dataRange.gif" target="_blank"></a>

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

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/effect.gif" target="_blank"></a>

如何展現成千上百萬的離散資料進而找出他們的分布和聚類？貌似除了用專業的統計工具（如MATLAB）外别無選擇？

不，ECharts發明了基于像素的大規模散點圖（專利），一個900 x 400的散點區域就能夠毫不重複的呈現36萬組資料，這對于正常的應用，用現代浏覽器就足以輕松展現百萬級的散點資料！

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/scatter.gif" target="_blank"></a>

如果你需要展示有實時變化的資料，相信這個動态接口會對你很有幫助。

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/dynamic1.gif" target="_blank"></a>

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

提供标線輔助在K線圖中可是必要的功能！是的，K線圖我們正在開發中~

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/mark.gif" target="_blank"></a>

支援多系列，多元度的資料堆積，配合自動伸縮的圖形實體和直角坐标系，能呈現出更有内涵的統計圖表~

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/multiStack.png" target="_blank"></a>

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

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/subMapType.png" target="_blank"></a>

内置地圖由标準GeoJson地理資料并經過高效的壓縮算法壓縮生成的地圖資料（大小僅為标準geoJson的30%左右）驅動而來。如果内置地圖類型或資料如果并未滿足你的項目需要，可通過簡單動态注冊産生你所需要的新類型。

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/example/map7.png" target="_blank"></a>

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

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/custom.png" target="_blank"></a>

<a href="https://github.com/ecomfe/echarts/blob/master/doc/asset/img/example/mix3.png" target="_blank"></a>

您可能感興趣的相關文章

<a href="http://www.cnblogs.com/lhb25/p/amazing-jquery-effects.html" target="_blank">網站開發中很有用的 jQuery 效果【附源碼】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html" target="_blank">分享35個讓人驚訝的 CSS3 動畫效果示範</a>

<a href="http://www.yyyweb.com/492.html" target="_blank">十分驚豔的8個 HTML5 &amp; JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html">Web 開發中很實用的10個效果【源碼下載下傳】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html" target="_blank">12款經典的白富美型 jQuery 圖檔輪播插件</a>

歡迎任何形式的轉載，但請務必注明出處。