在 ECharts 中,singleAxis 组件配置项中有一些属性用于控制单轴的类目标签(axis labels)以及文字样式。以下是一些常用的属性:

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