How to set background to transparent in Google timeline chart?

Question

I am trying to set the background of Google timeline chart to transparent.Timeline Chart

Tried using

backgroundColor: 'none'
backgroundColor: 'transparent'

nothing seems to work.

Also I tried using

alternatingRowStyle: false

to remove the alternating colors in the rows. It does not work either. Any other ideas?

Answer 1

Use this to style the alternating rows like the non-alternating ones (works now, until Google implements this option):

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

Answer 2

This is terribly hacky, but does get the job done provided Google's SVG markup doesn't change. The container of the timeline is specified by the first "g" element. All "rect" therein can be made transparent using the fill-opacity style.

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

Example here: http://jsfiddle.net/kgto8oqw/1/

Obviously this needs more work to accommodate styling of gridlines etc. but you get the idea.