tft每日頭條

 > 生活

 > echarts折線圖y軸刻度怎麼設置

echarts折線圖y軸刻度怎麼設置

生活 更新时间:2024-09-29 06:16:02

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折線圖y軸刻度怎麼設置(幾步搞定花式圖表)1

echarts折線圖y軸刻度怎麼設置(幾步搞定花式圖表)2

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

// 5. 展示數據

myChart.setOption(result)

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved