在 ECharts 中,你可以通过 yAxis 的 nameTextStyle 配置项来定义坐标轴名称的文本样式。以下是一个示例:
option = {
    yAxis: {
        type: 'value',
        name: 'Y轴名称',
        nameTextStyle: {
            color: '#333', // 文本颜色
            fontSize: 14, // 文本大小
            fontStyle: 'normal', // 文本风格,可选值为 'normal'、'italic'、'oblique'
            fontWeight: 'bold', // 文本粗细,可选值为 'normal'、'bold'、'bolder'、'lighter'
            fontFamily: 'Arial, sans-serif' // 字体系列
            // 其他样式配置项可以根据需要添加
        },
        // 其他 yAxis 配置项可以根据需要添加
    },
    series: [
        {
            type: 'bar',
            data: [10, 20, 15, 25, 30]
        }
    ]
};

在上述示例中,nameTextStyle 配置项用于定义坐标轴名称的文本样式,包括颜色、大小、风格、粗细、字体系列等属性。你可以根据需要调整这些属性以满足你的设计要求。

如果你希望坐标轴名称有更多的样式效果,可以使用富文本来进行设置,例如:
nameTextStyle: {
    rich: {
        a: {
            color: 'red',
            fontSize: 18,
            fontWeight: 'bold'
        },
        b: {
            color: 'green',
            fontSize: 12,
            fontStyle: 'italic'
        }
    },
    formatter: '{a|Y轴名称} {b|副标题}'
}

在这个例子中,rich 配置项定义了两个富文本样式(a 和 b),然后在 formatter 中通过 {a|} 和 {b|} 来应用这些样式。




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