title: Google Charts Timeline highlight many bars on mouseover
body: <p>I'm currently working on some data visualization. For the visualization I am using Google Charts Timeline embedded within Dashboard (which implements functionality of zooming on x-axis). Timeline is representing players position in ranking (first, second and third place). What I am trying to achieve is - when i hover mouse on player's entry I would like to highlight his/hers other entries in timeline. Using Google's example with President, VP and Secretary of State - when I hover over Thomas Jefferson bar when he was Secretary of State I want his time as VP and as President highlighted on the chart. I am providing jsfiddle as a reference - <a href="https://jsfiddle.net/21aor2ab/" rel="nofollow">https://jsfiddle.net/21aor2ab/</a></p>
  
  <p>I had an idea about using 'onmouseover' event, but I had problem with setting this event properly within dashboard - simply using
  <code>google.visualization.events.addListener(dashChart, 'onmouseover', function(){something over here});</code> won't work for some reason...</p>
  
  <p>I would be happy if anyone could suggest me a solution, or at least point me in the right direction.</p>