echarts 显示y轴并添加单位
时间: 2023-11-11 15:03:20 浏览: 203
实现ECharts双Y轴左右刻度线一致的例子
5星 · 资源好评率100%
如果您使用 echarts 4 或更高版本,可以通过以下方法显示 y 轴并添加单位:
```javascript
option = {
yAxis: {
axisLine: {
show: true // 显示 y 轴线
},
axisLabel: {
formatter: '{value} 单位' // 添加单位
}
},
series: [{...}]
};
```
其中,`axisLine.show` 设置为 `true` 表示显示 y 轴线;`axisLabel.formatter` 中的 `{value}` 表示 y 轴刻度值,可以在后面添加您想要的单位。比如,`{value} 元` 表示刻度值后面添加 “元” 单位。
如果您使用 echarts 3 或更低版本,可以通过以下方法实现:
```javascript
option = {
yAxis: {
axisLine: {
show: true // 显示 y 轴线
},
axisLabel: {
formatter: '{value} 单位' // 添加单位
}
},
series: [{
type: 'line',
data: [...],
yAxisIndex: 0 // 指定使用第一个 y 轴
}]
};
```
其中,`yAxisIndex: 0` 指定使用第一个 y 轴。如果您的图表中有多个 y 轴,则可以使用 `yAxisIndex` 指定使用哪个 y 轴。
阅读全文