1. axisLabel.show:控制是否显示轴标签。
2. axisLabel.interval:设置轴标签的显示间隔,可以为整数表示每隔多少个显示一个标签,也可以为字符串表示 alternate 表示隔一个显示一个。
3. axisLabel.rotate:设置轴标签的旋转角度,可以是正数表示逆时针旋转,负数表示顺时针旋转。
4. axisLabel.margin:设置轴标签与轴线之间的距离。
5. axisLabel.formatter:用于格式化轴标签的显示文本,可以是字符串,也可以是一个回调函数。
以下是一个示例,演示了如何在 singleAxis 配置中设置单轴的类目标签属性及文字样式:
option = {
singleAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E'],
axisLabel: {
show: true,
interval: 0, // 显示所有标签
rotate: 45, // 逆时针旋转45度
margin: 10,
formatter: function (value, index) {
// 可以在这里自定义标签的显示格式
return '标签: ' + value;
},
textStyle: {
color: '#333', // 标签文字颜色
fontSize: 12, // 标签文字大小
fontWeight: 'bold' // 标签文字粗细
// 其他文字样式配置...
}
},
// 其他 singleAxis 配置项...
},
// 其他配置项...
};
在上面的例子中,axisLabel 属性用于配置轴标签的相关属性。通过设置 textStyle 属性,可以进一步控制标签文字的样式,包括颜色、大小、粗细等。你可以根据实际需求调整这些配置项,以满足你对单轴类目标签的定制要求。
转载请注明出处:http://www.zyzy.cn/article/detail/5363/ECharts