Echarts
是百度的一個js畫圖插件,擁有豐富的插件庫
前提:
在head標籤中添加對echarts的引用 echarts.js
在body標記中，form標記之外，添加一個div，用來做圖表渲染的容器。
Zender
圖表大小問題
每個圖表都要指定像素單位，不能用百分比，如果寫百分比，會被認爲是像素
但是如果你 父容器顯示出來後，再初始化 echarts，能獲得父容器的 clientWidth/Height
此時就可以了
項目目錄
數據的視覺映射 visualMap
把具體的數據表現成更容易理解的圖如熱力圖
數據抽離
ECharts中的數據，一般存放於 series.data 中根據圖表類型不同，數據的具體形式也可能有些許差異。比如可能是『線性表』、『樹』、『圖』等。但他們都有個共性：都是『數據項（dataItem）』的集合。每個數據項含有『數據值（value）』和其他信息（如果需要的話）。每個數據值，可以是單一的數值（一維）或者一個數組（多維）。
例如，series.data 最常見的形式，是『線性表』，即一個普通數組：
多維度展示
value 的前一兩個維度進行映射，比如
取第一個維度映射到x軸，
取第二個維度映射到y軸。
如果想要把更多的維度展現出來，可以藉助 visualMap 。
最常見的情況，氣泡圖（scatter） 使用半徑展現了第三個維度。
多樣化圖例serial 的 type
事件機制
ECharts 支持常規的鼠標事件類型，包括'click'、'dblclick'、'mousedown'、'mousemove'、'mouseup'、'mouseover'、'mouseout'
這是最基本的事件
