echarts axisLabel
时间: 2023-06-22 11:47:01 浏览: 169
ECharts中的axisLabel是用来设置坐标轴刻度标签样式的属性。可以通过设置axisLabel的相关配置项来自定义坐标轴标签的字体颜色、字号、字体粗细、旋转角度等样式。
常用的axisLabel配置项包括:
- textStyle: 设置标签文本的样式,如字体大小、字体颜色等。
- rotate: 设置标签文本的旋转角度。
- formatter: 设置标签文本的格式化方式,可以使用字符串模板或回调函数来自定义标签文本的显示内容。
示例代码:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
textStyle: {
color: '#333',
fontSize: 14
},
rotate: 45,
formatter: function (value, index) {
return value + '日';
}
}
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
阅读全文