You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何仅修改Apache Echarts中垂直居中Y轴标签的字体颜色与字体族

解决Apache Echarts Y轴名称样式修改问题

你之前的代码修改的是Y轴刻度标签(即0、0.2这类数值)的样式,要单独调整Y轴名称(x1000)的字体颜色和字体族,需要使用nameTextStyle配置项,直接在Y轴的配置对象中添加该属性即可:

yAxis: [
    {
        type: "value",
        name: "(x1000)",
        nameLocation: "middle",
        nameGap: 50,
        // 配置Y轴名称的样式
        nameTextStyle: {
            color: "red", // 设置字体颜色
            fontFamily: "Arial, sans-serif" // 设置字体族
        },
        // 若需保留刻度标签默认样式,可移除或按需调整axisLabel配置
        // axisLabel: {
        //     textStyle: {
        //         color: "#333", // 刻度标签颜色,按需设置
        //     },
        // },
    },
],

关键说明:

  • axisLabel.textStyle:作用是控制Y轴上的刻度数值(如0、0.2)的样式,这也是你之前代码修改到刻度而非名称的原因。
  • nameTextStyle:专门用于配置Y轴名称(即你设置的(x1000))的样式,包括颜色、字体族、字号等,完全匹配你的需求。

内容的提问来源于stack exchange,提问作者ANANTHU C

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 00:05:47