Turn a stacked column google chart into a waterfall chart

Vote count:

0

I've been working on a project to replicate a waterfall chart with the use of google charts. I've managed to have 2 series of stacked columns where the first series is transparent so the second visible series seem to be floating, just as a waterfall chart would look like. The problem is that the first transparent series remains interactive and highlights on a mouse hover, with labels and annotations showing up. Can you help me figure out how to stop the first column series being detected.

I've found someone who has accomplished this but they do not mention how this has been done. http://ift.tt/1IqGp07 also here is the discussion I found leading to that website http://ift.tt/1G6zvzL

Here is the data section of the code: var data = google.visualization.arrayToDataTable([ ['Genre', 'Label1', { role: 'annotation', role:'style' }, 'Label3', { role: 'annotation', role:'style' } ], ['column1', 5, 'opacity: 0.2', 31, 'opacity: 0.2'], ['column2', 5, 'opacity: 0.2', 32, 'opacity: 0.2'], ['column3', 5, 'opacity: 0.2', 33, 'opacity: 0.2'], ['column4', 5, 'opacity: 0.2', 34, 'opacity: 0.2'], ['column5', 5, 'opacity: 0.2', 35, 'opacity: 0.2'], ['column6', 5, 'opacity: 0.2', 36, 'opacity: 0.2'] ]);

Many thanks

asked 1 min ago

Jin

8

Turn a stacked column google chart into a waterfall chart