在 ECharts 中,你可以通过 axisLabel 属性中的 rich 来配置坐标轴刻度标签的富文本样式。以下是一个示例:
option = {
    xAxis: {
        type: 'category',
        data: ['类目1', '类目2', '类目3', '类目4', '类目5'],
        axisLabel: {
            rich: {
                a: {
                    color: 'red',
                    fontSize: 16,
                    fontWeight: 'bold'
                },
                b: {
                    color: 'green',
                    fontSize: 18,
                    fontStyle: 'italic'
                }
                // 可以继续添加其他样式
            }
        }
    },
    yAxis: {
        type: 'value',
        name: 'Y轴名称'
    },
    series: [{
        type: 'bar',
        data: [10, 20, 15, 25, 18]
    }]
};

在上述代码中,rich 属性用于定义富文本样式的具体内容,然后在标签字符串中通过 {a|文本} 的形式应用样式。例如,{a|红色文字} 表示使用富文本样式中的 a 样式。

这样你就可以更灵活地配置坐标轴刻度标签的样式。


转载请注明出处:http://www.zyzy.cn/article/detail/5176/ECharts