如何仅修改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
相关产品推荐
相关产品推荐

