1在script裡導入包
// 1. 導入 echarts
import echarts from 'echarts'
2模闆裡轉載組件
<!-- 卡片視圖區域 -->
<el-card>
<!-- 2. 為ECharts準備一個具備大小(寬高)的Dom -->
<div id="main" style="width: 750px;height:400px;"></div>
</el-card>
// 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)
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!