echarts折线图y轴刻度不均等百分比
时间: 2023-10-03 10:11:14 浏览: 108
如果你要设置 y 轴刻度不均等百分比,可以使用 echarts 的自定义刻度函数,代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
axisLabel: {
formatter: function (value, index) {
if (value === 0) { // 如果是0,则返回0
return 0;
} else { // 如果不是0,则返回百分比
return (value * 100).toFixed(2) + '%';
}
}
},
splitNumber: 10, // 设置刻度数量
splitLine: { // 设置分割线
show: true,
lineStyle: {
type: 'dashed'
}
}
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
};
```
在上面的代码中,我们首先在 yAxis 中设置了 `splitNumber` 属性,来设置 y 轴的刻度数量。然后在 `axisLabel` 中,我们定义了一个自定义的刻度函数,如果值为0,则返回0,否则返回百分比。最后,我们还设置了分割线的样式,来更好地展示 y 轴的刻度。
阅读全文