echarts柱形图y轴刻度值如何自己设置
时间: 2023-10-18 10:15:49 浏览: 122
可以使用 yAxis 中的 axisLabel 属性来设置 y 轴刻度值的显示样式和内容。具体操作如下:
```javascript
option = {
// ...
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} °C' // 设置刻度值的显示格式
}
},
series: [
{
name: '温度',
type: 'bar',
data: [10, 20, 30, 40, 50, 60]
}
]
};
```
在上面的例子中,`formatter` 属性设置了刻度值的显示格式为 `{value} °C`,表示显示数值加上单位 `°C`。你可以根据实际需求来修改这个属性的值,以达到你想要的效果。
此外,如果你需要设置刻度值的最大值和最小值,可以使用 yAxis 中的 `min` 和 `max` 属性来实现。例如:
```javascript
option = {
// ...
yAxis: {
type: 'value',
min: 0, // 设置最小值为 0
max: 100, // 设置最大值为 100
axisLabel: {
formatter: '{value} %' // 设置刻度值的显示格式
}
},
series: [
{
name: '百分比',
type: 'bar',
data: [10, 20, 30, 40, 50, 60]
}
]
};
```
在上面的例子中,`min` 和 `max` 属性分别设置了刻度值的最小值和最大值,而 `formatter` 属性则设置了刻度值的显示格式为 `{value} %`,表示显示数值加上单位 `%`。
阅读全文