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 中至少有这些组件:xAxis(直角坐标系 X 轴)、yAxis(直角坐标系 Y 轴)、grid(直角坐标系底板)、angleAxis(极坐标系角度轴)、radiusAxis(极坐标系半径轴)、polar(极坐标系底板)、geo(地理坐标系)、dataZoom(数据区缩放组件)、visualMap(视觉映射组件)、tooltip(提示框组件)、toolbox(工具栏组件)、series(系列)、...
// 5. 展示数据
myChart.setOption(result)
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com