echarts axisLabel
时间: 2023-06-22 19:35:29 浏览: 68
在ECharts中,`axisLabel`是坐标轴刻度标签的配置项,可以用来设置坐标轴标签的样式、显示内容等。`axisLabel`是一个对象,包含了多个属性,常用的属性如下:
- `show`:是否显示刻度标签,默认为`true`。
- `interval`:刻度标签的显示间隔,默认为`auto`,表示自动计算间隔,也可以设置为数字,表示每隔多少个刻度显示一个标签,或者设置为`function`,实现自定义间隔计算。
- `rotate`:刻度标签的旋转角度,可以是正数表示逆时针旋转,也可以是负数表示顺时针旋转,默认为`0`。
- `formatter`:用于格式化刻度标签的回调函数,可以根据需要自定义显示内容,函数的参数为刻度标签的文本值,可以返回格式化后的文本。
- `color`:刻度标签的颜色,默认为`#333`。
- `fontSize`:刻度标签的字体大小,默认为`12`。
- `fontWeight`:刻度标签的字体粗细,默认为`normal`,也可以设置为`bold`。
- `margin`:刻度标签与轴线的距离,默认为`8`,单位为像素。
下面是一个示例代码:
```
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C'],
axisLabel: {
show: true,
interval: 0,
rotate: 0,
formatter: '{value}',
color: '#333',
fontSize: 12,
fontWeight: 'normal',
margin: 8
}
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150],
type: 'bar'
}]
};
```
这里设置了x轴的刻度标签样式,将刻度标签的间隔设置为0,使得每个数据都显示标签,同时设置了标签的颜色、字体大小等样式。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)