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

Question

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

尝试使用

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”元素指定。可以使用填充不透明度样式使其中的所有“矩形”变得透明。

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

这里的例子：http : //jsfiddle.net/kgto8oqw/1/

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