一．Echart基本圖表顯示與地圖顯示
將各種圖形拆分為交互組件，各組件接收特定參數實現效果
- echart實例生成
每個echart都實例依賴于一個dom容器，且每個dom上僅可以有一個echart實例
? 初始化實例方法Init(1,2,3)用于在dom上初始化echart實例
注：對于隱藏的dom可能導致獲取不到height無法實例化，一般通過resize方法重新設定
? setOption用來為實例設置表現配置項
包括全局樣式，series設置(圖標類型以及數據樣式)
? 異步數據加載與更新
一般會設置載入數據前后的opt(showLoading與hideLoading)
? 圖表聯動
聯動是指多個表格呈現統一數據時，數據在一張表格上觸發的效果同時會在其他表格上觸發 - 圖標中加入交互組件
dataZoom控制同一個數軸的組件，會自動聯動
- 事件與行為
事件分兩種
? 點擊或hover圖表上的數據
事件順序
鼠標經過表格數據：move over out
點擊后立刻松開：down up click (dbclick) move
點擊后按住再松開：Down move up click move
? 可交互組件上的行為 - 基礎圖表使用場景
? 柱狀圖
二維數據，但只需要比較一個維度(xAxis為定值)，所以series中data接收一維數組，數據差異一目了然，適用于中小規模數據。
注：通常用戶習慣認為x軸為時間，因此當x軸不為時間時考慮為不同數據使用不同顏色標記
? 餅狀圖
面積差異不如柱狀圖明顯，因此一般用來觀察數據所占比例
? 折線圖
適用于二維大數據集，常用于觀察數據趨勢以及多個二維數據集比較
