echarts折线图y轴刻度怎么设置(几步搞定花式图表)

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)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页