echarts 设置x轴的 文本样式
时间: 2024-01-13 10:46:37 浏览: 103
echarts时间轴demo,内含两种实现方式。1.X轴为数值轴(type=value);2.X轴为时间轴(type=time)
5星 · 资源好评率100%
你可以通过设置 xAxis.axisLabel 属性来设置 x 轴文本的样式,具体代码如下:
```javascript
option = {
xAxis: {
type: 'category',
axisLabel: {
textStyle: {
color: '#333', // 文字颜色
fontSize: 12, // 文字大小
fontWeight: 'normal' // 文字粗细
}
},
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
...
};
```
上面的代码中,textStyle 中的 color、fontSize 和 fontWeight 分别表示文本颜色、大小和粗细。你可以根据需要进行修改。
阅读全文