Echart是百度研發團隊開發的一款報表視圖JS插件，功能十分強大，使用內容做簡單記錄；（EChart下載地址 http://echarts.baidu.com/download.html）
1、title：寫標題，屬性如下
show:false/true 標題是否顯示；
text：標題內容；textstyle修飾標題樣式
subtext：副標題，也可以算是內容；subtextStyle修飾副標題樣式；
2、legentd:圖例組件展現了不同系列的標記(symbol)，顏色和名字；
show:false/true 是否顯示；
data:圖例的數據數組;
3、grid:直角坐標系內繪圖網格,單個 grid 內最多可以放置上下兩個 X 軸，左右兩個 Y 軸。可以在網格上繪制折線圖，柱狀圖，散點圖;
show:false/true 是否顯示；
top、left、right、bottom標識上左右下的邊距；
4、xAxis :直角坐標系 grid 中的 x 軸，單個 grid 組件最多只能放上下兩個 x 軸。
type:坐標軸類型。
-
'value'數值軸，適用於連續數據。 -
'category'類目軸，適用於離散的類目數據，為該類型時必須通過 data 設置類目數據。 -
'time'時間軸，適用於連續的時序數據，與數值軸相比時間軸帶有時間的格式化，在刻度計算上也有所不同，例如會根據跨度的范圍來決定使用月，星期，日還是小時范圍的刻度。
data:類目數據，在類目軸（type: 'category'）中有效。
5、yAxis:直角坐標系 grid 中的 y 軸，單個 grid 組件最多只能放左右兩個 y 軸。
type:坐標軸類型。
-
'value'數值軸，適用於連續數據。 -
'category'類目軸，適用於離散的類目數據，為該類型時必須通過 data 設置類目數據。 -
'time'時間軸，適用於連續的時序數據，與數值軸相比時間軸帶有時間的格式化，在刻度計算上也有所不同，例如會根據跨度的范圍來決定使用月，星期，日還是小時范圍的刻度。
6、dataZoom:組件 用於對數據進行區域縮放，從而能自由關注細節的數據信息，或者概覽數據整體。
type:slider; 是否顯示 組件。如果設置為 false，不會顯示，但是數據過濾的功能還存在;
backgroundColor:組件的背景顏色。
realtime:拖動時，是否實時更新系列的視圖。如果設置為 false，則只在拖拽結束的時候更新。
top、left、right、bottom標識上左右下的邊距；
7、tooltip:提示框組件。
show:false/true 是否顯示；
trigger:觸發類型;
-
'item'數據項圖形觸發，主要在散點圖，餅圖等無類目軸的圖表中使用。
-
'axis'坐標軸觸發，主要在柱狀圖，折線圖等會使用類目軸的圖表中使用。
8、color：調色盤顏色列表。如果系列沒有設置顏色，則會依次循環從該列表中取顏色作為系列顏色。
默認為： ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']；
9、seriers:系列列表。每個系列通過type 決定自己的圖表類型；
series[i]-line：折線
itemStyle折線拐點標志的樣式；
series[i]-bar：柱狀圖通過柱形的高度來表現數據的大小，用於有至少一個類目軸的直角坐標系上。
series[i]-pie：餅圖主要用於表現不同類目的數據在總和中的占比。每個的弧度表示數據數量的比例。
10、itemStyle 樣式:
normal:color 顏色；