echarts Y轴单位显示数字
时间: 2023-12-21 19:05:09 浏览: 141
实现ECharts双Y轴左右刻度线一致的例子
5星 · 资源好评率100%
要在 Echarts 中设置 Y 轴的单位,可以使用 Echarts 的 yAxis.axisLabel.formatter 属性。具体步骤如下:
1. 在 Echarts 中定义 Y 轴的 formatter 函数,该函数将返回带有单位的数字字符串。
```
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} %' // 这里是以百分比为单位
}
}
```
2. 在 formatter 函数中,使用 {value} 占位符来表示 Y 轴的数值,并在其后面添加所需的单位字符串。
3. 在 axisLabel.formatter 属性中,使用 formatter 函数的名称字符串作为值。
```
yAxis: {
type: 'value',
axisLabel: {
formatter: 'myFormatter' // myFormatter 为 formatter 函数的名称字符串
}
},
series: [{
data: [10, 20, 30, 40, 50],
type: 'line'
}],
// 定义 formatter 函数
myFormatter: function(value) {
return value + ' %'; // 将 Y 轴的数值加上百分号作为单位
}
```
这样就可以在 Echarts 中设置 Y 轴的单位了。
阅读全文