天天看點

Echarts-大緻總結

1.幾個常用圖形的資料類型

柱形和折線圖:X軸【】,Y軸【】

餅狀圖:json格式{{value:20,name:XXX},{value:20,name:XXX},{value:20,name:XXX}}

冒泡圖:二維數組

[[28604,77,17096869,'Australia',1990],[31163,77.4,27662440,'Canada',1990],[1516,68,1154605773,'China',1990]]

   X軸,Y軸,其他次元

2.option分類

title:标題

tooltip:提示框

xAxis:X軸

yAxis:Y軸

dataZoom:控制X軸縮放

series:系列  (每一個系列都可以是一種類型,可以在同一個圖上顯示bar,line,pie等等系列)

option.series.push(series執行個體);  動态添加系列

3.如果在同一個div上多次建立echart,會一直重疊,可以先用

if(typeof barChart !== "undefined"){
    barChart.dispose();
}      

清除之前的執行個體,barChart要定義成全局變量

4.當一個頁面上幾個div都顯示圖形時,可以使用.connect關聯,圖形之間data資料源格式或者X,Y軸要一樣

echarts.connect([barChart, lineChart, pieChart]);      

繼續閱讀