echarts柱状图y轴单位字体颜色设置
时间: 2024-12-27 21:15:19 浏览: 80
### 设置 ECharts 柱状图 Y 轴单位字体颜色
为了设置 ECharts 柱状图中 Y 轴单位的字体颜色,可以通过配置 `yAxis` 的 `axisLabel.textStyle.color` 属性来实现。具体来说,在定义图表选项时,针对 `yAxis.axisLabel.textStyle.color` 进行赋值即可指定所需的颜色[^1]。
以下是完整的代码示例:
```javascript
option = {
title: {
text: '每周报表'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
name: '元',
nameGap: 20,
axisLabel: {
textStyle: {
color: '#ff0000' // 设置Y轴数值标签的文字颜色为红色
}
}
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
通过上述配置可以改变 Y 轴上显示的数据值的颜色,而不会影响到其他部分的颜色属性[^3]。
阅读全文
相关推荐


















