前段時間面試+學校專案佔用了小生很大一部分時間，部落格也沒有在記錄了。在這樣下去上個月獲得的“持之以恆”勳章就要被收回去了(ಥ﹏ಥ)

    為了勳章，今日小生特地爬上來整理、記錄最近做專案新學的視覺化庫——Echarts

//=======================================================================

一、Echarts簡介

Echarts是百度團隊開發的一個使用 JavaScript 實現的開源視覺化庫，可以流暢的執行在 PC 和移動裝置上，相容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等）。

它內建多種圖表型別，包括折線圖、柱狀圖、散點圖、餅圖、K線圖，用於統計的盒形圖，用於地理資料視覺化的地圖、熱力圖、線圖，用於關係資料視覺化的關係圖、treemap、旭日圖，多維資料視覺化的平行座標，用於 BI 的漏斗圖，儀表盤，並且支援圖與圖之間的混搭。（更多特性可以檢視：http://echarts.baidu.com/feature.html）

二、Echarts API（只記錄例項需要用到的API）

（1）初始化圖表：echarts.init(domEl)

    初始化圖表例項，domEL為在body中定義的HTML元素

（2）為圖表設定配置項：echarts.setOption(option)

設定圖表例項的配置項、資料，所有引數和資料的修改都可以通過setOption

option配置項與圖表位置對應如下

三、例項——折線+柱狀圖混合型圖表

（1）在 http://echarts.baidu.com/examples/index.html 中選擇基礎折線圖表，在例項編輯器中編輯圖表樣式

（2）在series屬性中，新增 柱狀圖 以及 資料

（3）新增圖例 用於切換圖表

legend中新增圖例名稱，並在series中新增相應name值，注意兩者要一一對應

（4）新增標題 以及 小貼士

（5）下載echarts.js引入html文件，在body中新增表格容器，注意寬高必須定義

（6）用移動端瀏覽，發現表格未居中

調節grid屬性，修改left以及top值，直至居中

至此，簡單的混合圖表例項已完成