在 ECharts 中,你可以使用富文本样式来设置 yAxis 坐标轴的类目标签。这可以通过 yAxis 的 axisLabel 属性中的 rich 属性来实现。以下是一个简单的示例:
option = {
    yAxis: {
        type: 'category',
        data: ['<span style="color: red; font-weight: bold;">类目1</span>', '类目2', '类目3', '类目4', '类目5'],
        axisLabel: {
            rich: {
                // 自定义富文本样式,可按需增加其他样式
                color: 'blue',
                fontSize: 14,
                fontWeight: 'normal',
                emphasis: {
                    color: 'red',
                    fontWeight: 'bold'
                }
            },
            formatter: function (value) {
                // 可以在 formatter 中进行一些自定义的处理
                return value;
            },
            show: true  // 显示标签
        },
        // 其他 yAxis 相关配置...
    },
    // 其他配置项...
    series: [
        {
            name: '示例系列',
            type: 'bar',
            data: [10, 20, 15, 25, 30]
        }
        // 其他系列...
    ]
};

在上面的代码中,通过 rich 属性定义了富文本样式,然后在类目数据中使用 HTML 标签为不同的类目应用不同的样式。在这个示例中,第一个类目应用了红色和加粗的样式,其他类目使用了默认的样式。

你可以根据实际需求自定义富文本样式,包括颜色、字体大小、粗细等。


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