我正在try 自定义时间轴图表上的hAxis文本 colored颜色 ，但我找不到正确的参数.如果这是可行的CSS，我也会很高兴.
我试了textStyle: { color: 'white' }次，但没有效果.有什么 idea 吗？
body {
background-color: #555;
}<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {
packages: ["timeline"]
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('example');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({
type: 'string',
id: 'Resource'
});
dataTable.addColumn({
type: 'string',
id: 'Name'
});
dataTable.addColumn({
type: 'string',
id: 'style',
role: 'style'
});
dataTable.addColumn({
type: 'date',
id: 'Start'
});
dataTable.addColumn({
type: 'date',
id: 'End'
});
dataTable.addRows([
['R1', 'Event 1', 'red', new Date('April 8, 2024 08:30:00'), new Date('April 8, 2024 09:30:00')],
['R1', 'Event 2', 'red', new Date('April 8, 2024 09:45:00'), new Date('April 8, 2024 10:15:00')]
]);
chart.draw(dataTable, {
hAxis: {
textStyle: {
color: 'white' // Does not work
},
format: 'HH:mm',
minValue: new Date('April 8, 2024 07:30:00'),
maxValue: new Date('April 8, 2024 18:30:00')
}
});
}
</script>
<div id="example"></div>