Charts 谷歌图表-更改轴文本颜色

Charts 谷歌图表-更改轴文本颜色,charts,google-visualization,Charts,Google Visualization,我试图用谷歌图表创建一个黑色图表,但我似乎无法更改轴的文本颜色。我在网上找到了一些代码,比如: hAxis: { color: '#FFF' } 但它就是不起作用。我已经设法更改了标题和图例颜色,但没有更改轴文本。我试图将轴文本颜色设置为白色,以与背景形成对比: google.load(“可视化”,“1”,“{packages:[“corechart”]}); setTimeout(函数(){ 变量选项={ 标题:“测试图表”, 背景颜色:“#000”, legendTextStyle:

我试图用谷歌图表创建一个黑色图表,但我似乎无法更改轴的文本颜色。我在网上找到了一些代码,比如:

hAxis: {
  color: '#FFF'
}
但它就是不起作用。我已经设法更改了标题和图例颜色,但没有更改轴文本。我试图将轴文本颜色设置为白色,以与背景形成对比:

google.load(“可视化”,“1”,“{packages:[“corechart”]});
setTimeout(函数(){
变量选项={
标题:“测试图表”,
背景颜色:“#000”,
legendTextStyle:{color:'#FFF'},
titleTextStyle:{color:'#FFF'},
哈克斯:{
颜色:“#FFF”,
}
};
var chart=新的google.visualization.LineChart(document.querySelector(“.chart”);
chart.draw(google.visualization.arrayToDataTable(
[
[“年”、“T1”、“T2”、“T3”],
[0, 10, 20, 30],
[1, 10, 20, 30],
[2, 10, 20, 30],
[3, 10, 20, 30],
[4, 10, 20, 30]
]
),选项);
}, 100);
.chart{
宽度:100%;
高度:200px;
}

hAxis的正确用法是使用textStyle选项,您希望在其中使用以下颜色:

hAxis: {
    textStyle:{color: '#FFF'}
}

我还建议使用
google.setOnLoadCallback(drawChart)用于呈现图表而不是超时的函数,至少对我来说100毫秒是不够的

我可以用一个CSS更改所有图表文本

我认为这种方式比配置每种图表文本类型(标题、图例、vAxis、hAxis等)更方便

也许它对某人有用

一些代码(记住更改图表id的“#图表_div”):


我的用例有点不同:在常规图表(未配置颜色)的情况下,文本是灰色而不是黑色,因此它们的对比度很低。这意味着我必须手动指导和修改每一件作品,使其真正成为黑色?这正是我所寻找的!您能否提供更多关于如何使用此代码段的详细信息?这应该放在图表的选项数组中吗?或者它在JS中的某个地方?
#chart_div text {
    fill: red !important;
}