如何在Google时间线图表中将背景设置为透明？

Question

我正在尝试将Google时间线图表的背景设置为透明。Timeline Chart

尝试使用

backgroundColor: 'none'
backgroundColor: 'transparent'

似乎没什么用。

我也尝试使用

alternatingRowStyle: false

删除行中的交替颜色。它也不起作用。还有其他想法吗？

Answer 1

使用此选项设置非交替行的样式（现在可以使用，直到Google实现此选项）：

svg g:first-of-type path {
    stroke: #e6e6e6;
}
svg g:first-of-type rect:not(:last-child) {
    fill: #ffffff;
}

Answer 2

这非常hacky，但如果Google的SVG标记没有改变，它确实可以完成任务。时间轴的容器由第一个“g”元素指定。其中的所有“rect”都可以使用 fill-opacity 样式制作透明。

svg g:first-of-type rect {
  fill-opacity: 0;
}

此处示例：http://jsfiddle.net/kgto8oqw/1/

显然，这需要更多工作来适应网格线等的样式，但你明白了。