title: Google Charts: multiple lines with custom tooltips
body: <p>I have a Google LineChart with multiple lines. These points do not share the same X value's so i have to format my data in a certain way to make it work:</p>
  
  <pre><code>var data = google.visualization.arrayToDataTable([
          ["Y", "Your X &amp; Y", "Product 1", "Product 2", "Product 3"],
          [419, 589, null, null, null],
          [386, null, 504, null, null],
          [386, null, 526, null, null],
          [387, null, 543, null, null],
          [395, null, 564, null, null],
          [402, null, 591, null, null],
          [408, null, 612, null, null],
          [378, null, null, 501, null],
          [398, null, null, null, 600],
          [460, null, null, null, 500]
      ]);
  </code></pre>
  
  <p>Now i want to add custom tooltips to these lines, i've tried adding an extra column and setting the role to tooltip.. but this only affects the first line.</p>
  
  <p>see both charts (with and without tooltip): <a href="http://jsfiddle.net/TD92C/8/">http://jsfiddle.net/TD92C/8/</a></p>
  
  <p>How do i add custom tooltips for all lines? Thanks</p>
  
  <p>SOLVED:
  <a href="http://jsfiddle.net/asgallant/TD92C/14/">http://jsfiddle.net/asgallant/TD92C/14/</a></p>