echarts折線圖y軸刻度怎麼設置（幾步搞定花式圖表）

2023-05-18 02:26:14

1在script裡導入包

// 1. 導入 echarts

import echarts from 'echarts'

2模板裡轉載組件

// 3. 基於準備好的dom，初始化echarts實例（需要在mounted方法執行）

var myChart = echarts.init(document.getElementById('main'))

//4請求數據

title：標題

legend：X軸度量值

xAxis：X軸枚舉值

yAxis

series：數據值

type: 'pie',//餅圖

type: 'bar',//柱狀圖

echarts 裡系列類型（series.type）就是圖表類型。系列類型（series.type）至少有：line（折線圖）、bar（柱狀圖）、pie（餅圖）、scatter（散點圖）、graph（關係圖）、tree（樹圖）

echarts 中至少有這些組件：xAxis（直角坐標系 X 軸）、yAxis（直角坐標系 Y 軸）、grid（直角坐標系底板）、angleAxis（極坐標系角度軸）、radiusAxis（極坐標系半徑軸）、polar（極坐標系底板）、geo（地理坐標系）、dataZoom（數據區縮放組件）、visualMap（視覺映射組件）、tooltip（提示框組件）、toolbox（工具欄組件）、series（系列）、...

// 5. 展示數據

myChart.setOption(result)