在 ECharts 中,你可以使用富文本样式来设置 y 轴刻度标签。以下是一个示例:
option = {
    yAxis: {
        type: 'value',
        axisLabel: {
            formatter: function (value, index) {
                // 使用富文本样式
                return `{a|${value}}\n{b|额外信息}`;
            },
            rich: {
                a: {
                    color: 'blue',
                    fontSize: 14,
                    fontWeight: 'bold'
                },
                b: {
                    color: 'red',
                    fontSize: 12
                }
            }
        },
        // 其他 yAxis 配置项可以根据需要添加
    },
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'],
    },
    series: [
        {
            type: 'bar',
            data: [10, 20, 15, 25, 30]
        }
    ]
};

在上述示例中,axisLabel 的 formatter 函数中使用了富文本样式,通过 {a|} 和 {b|} 来应用不同的样式。同时,rich 属性用于定义具体的样式,比如颜色、字体大小、字体粗细等。

这样可以让 y 轴刻度标签显示更加丰富的样式,包括不同的颜色和字体大小。




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