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

