Charts 谷歌图表更改时间线X轴字体的颜色

我有一个谷歌图表，需要将x轴（这是时间轴）的字体颜色更改为白色，以便与我的背景形成对比：

我试过了

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

星期四

load（“当前”{packages:[“timeline”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var container=document.getElementById（'example5.1'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'Federation'}）；
addColumn（{type:'string'，id:'Event'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
['WWE/NXT'，'AXXESS'，新日期（0,0,0,18,0,0），新日期（0,0,0,22,0,0,0）]，
['WWN'，'Matt Riddles Bloodsport'，新日期（0,0,0,15,0,0），新日期（0,0,0,18,0,0,0）]，
[‘摔跤节’、‘野猫运动’、新日期（0,0,0,18,0,0）、新日期（0,0,0,21,0,0,0）]，
['WWN'，'Evolve'，新日期（0,0,0,20,00,0），新日期（0,0,0,23,0,0）]，
[“摔跤节”，“摔跤节超级秀”，新日期（0,0,0,21,30,0），新日期（0,0,0,23,30,0）]，
[“淘汰赛”、“诺拉淘汰赛”、新日期（0,0,0,17,00,0）、新日期（0,0,0,20,00,0）]，
[“卢武铉”，“卢武铉荣誉超级卡”，新日期（0,0,0,19,30,0），新日期（0,0,0,22,30,0）]，
[‘WWN’、‘超越摔跤’、新日期（0,0,0,20,55,0）、新日期（0,0,0,23,55,0）]；
变量选项={
时间线：{colorByRowLabel:true}，
工具提示：{isHtml:true}，
图例：“无”，
背景颜色：“#ffd”
};
图表绘制（数据表、选项）；
}
显然，
hAxis.textStyle
不是一个可用选项，

但是您可以在图表的
'ready'
事件中手动更改

一旦触发，找到svg
元素并更改
填充
颜色

google.visualization.events.addListener(chart, 'ready', function () {
  var labels = container.getElementsByTagName('text');
  Array.prototype.forEach.call(labels, function(label) {
    if (label.getAttribute('text-anchor') === 'middle') {
      label.setAttribute('fill', '#ffffff');
    }
  });
});

请参阅以下工作片段


google.charts.load（'current'{
软件包：[“时间线”]
}).然后（函数（）{
var container=document.getElementById（'example5.1'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'Federation'}）；
addColumn（{type:'string'，id:'Event'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
['WWE/NXT'，'AXXESS'，新日期（0,0,0,18,0,0），新日期（0,0,0,22,0,0,0）]，
['WWN'，'Matt Riddles Bloodsport'，新日期（0,0,0,15,0,0），新日期（0,0,0,18,0,0,0）]，
[‘摔跤节’、‘野猫运动’、新日期（0,0,0,18,0,0）、新日期（0,0,0,21,0,0,0）]，
['WWN'，'Evolve'，新日期（0,0,0,20,00,0），新日期（0,0,0,23,0,0）]，
[“摔跤节”，“摔跤节超级秀”，新日期（0,0,0,21,30,0），新日期（0,0,0,23,30,0）]，
[“淘汰赛”、“诺拉淘汰赛”、新日期（0,0,0,17,00,0）、新日期（0,0,0,20,00,0）]，
[“卢武铉”，“卢武铉荣誉超级卡”，新日期（0,0,0,19,30,0），新日期（0,0,0,22,30,0）]，
[‘WWN’、‘超越摔跤’、新日期（0,0,0,20,55,0）、新日期（0,0,0,23,55,0）]；
变量选项={
时间线：{colorByRowLabel:true}，
工具提示：{isHtml:true}，
图例：“无”，
背景颜色：“#ffd”，
};
google.visualization.events.addListener（图表'ready'，函数（）{
var labels=container.getElementsByTagName（'text'）；
Array.prototype.forEach.call（标签，函数（标签）{
if（label.getAttribute（'text-anchor'）=='middle'）{
label.setAttribute（'fill'，'#ffffff'）；
}
});
});
图表绘制（数据表、选项）；
})；
正文{
背景色：#154360；
}

星期四

多亏了一家工厂，我需要的正是另一种选择，就是简单地删除fill属性
标签。删除attribute（'fill'）
，然后在CSS
svg{text[text anchor=“middle”]{fill:$someVar}
中设置颜色。如果您有定义颜色方案的SASS或其他变量，则会有所帮助。