ECharts使用五部曲
- 步驟1:下載并引入echarts.js文件
- 步驟2:準(zhǔn)備一個(gè)具備大小得DOM容器
- 步驟3:初始化echarts實(shí)例對(duì)象
- 步驟4:指定配置項(xiàng)和數(shù)據(jù)(option)
- 步驟5:將配置項(xiàng)設(shè)置給echarts實(shí)例對(duì)象
Echarts option屬性
- titie:圖表標(biāo)題
- tooltip:圖表鼠標(biāo)放上去得提示信息
- trigger:觸發(fā)方式 axis與item等
- legend:圖例組件
- toolbox:工具箱組件,把表格另存為圖片
- grid:控制圖表大小 containLabel:true顯示刻度
- xAxis:設(shè)置x軸的相關(guān)配置。type:categories(類目)/value(數(shù)值)boundaryGap:線條是否與坐標(biāo)軸有縫隙竹海。
- series:決定顯示哪種類型的圖表。stack:數(shù)據(jù)堆疊伪货,同個(gè)類目軸上系列配置相同的stack值會(huì)在前一個(gè)系列值上疊加巍虫。
- color:線條顏色匾灶,后面是數(shù)組惧互。
series里有了name值得話钠糊,legend的data值就可以刪除。