echarts中y轴如何设置刻度值,举例说明
时间: 2023-06-03 22:03:38 浏览: 3955
Echarts图例控制Y轴.html
在 echarts 中,可以通过以下方式设置 y 轴刻度值:
1. 在 option 中使用 yAxis 来配置 y 轴相关的属性,例如:
```
yAxis: {
type: 'value', // y 轴类型为数值轴
min: 0, // y 轴最小值
max: 100, // y 轴最大值
interval: 20, // y 轴刻度间隔
axisLabel: { // y 轴标签
formatter: '{value} %' // 设置刻度值的格式
}
}
```
2. 使用 setOption 方法将配置项应用到 echarts 实例中:
```
myChart.setOption(option);
```
举个例子,如果我们要设置一个 y 轴范围为 0 到 100,间隔为 20,刻度值的格式为百分数,代码如下所示:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
min: 0,
max: 100,
interval: 20,
axisLabel: {
formatter: '{value} %'
}
},
series: [{
data: [25, 40, 60, 80, 90, 70, 50],
type: 'line'
}]
};
myChart.setOption(option);
```
这样,我们就成功地将 y 轴刻度值设置为 0、20、40、60、80、100,刻度值的格式为百分数。
阅读全文