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

如何修改Google Charts中圈选文本的颜色?现有配置不生效

问题描述

输入图片描述

遗憾的是,我不知道图中圈选的文本名称是什么。尝试了以下配置都不起作用:

hAxis: { textStyle: { color: '#eff1f4' }},
vAxis: { textStyle: { color: '#eff1f4' }}

以及

titleTextStyle: { color: '#eff1f4'}
解决方案

如果图中圈选的是坐标轴标题,你需要针对坐标轴标题单独配置样式——textStyle仅控制坐标轴刻度文字的样式,坐标轴标题对应的配置项是titleTextStyle:

hAxis: {
  titleTextStyle: { color: '#eff1f4' }, // 横轴标题样式
  textStyle: { color: '#eff1f4' } // 横轴刻度文字样式
},
vAxis: {
  titleTextStyle: { color: '#eff1f4' }, // 纵轴标题样式
  textStyle: { color: '#eff1f4' } // 纵轴刻度文字样式
}

如果圈选的是图表主标题,需确保同时配置title和titleTextStyle:

title: '你的图表标题内容',
titleTextStyle: { color: '#eff1f4' }

若配置后仍不生效,检查是否有全局CSS样式覆盖了图表SVG元素的样式,或确认使用的图表库版本是否支持上述配置项。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.23 07:43:11