title: Google line chart show all custom tooltips
body: <p>I have to create a line chart where a few of the points have tooltips or other balloons/captions/texboxes with information about the point. They must always be displayed, not only on mouse over. Basically a google annotation chart, but with the data on the chart. </p>
  
  <p>I tried the code below, which doesn't even show the tooltip as it should. Any thoughts, or should I choose a different technology? Thanks. </p>
  
  <pre><code>google.load('visualization', '1.1', { packages: ['line'] });
      google.setOnLoadCallback(drawChart);
  
      function drawChart() {
  
          var data = new google.visualization.DataTable();
          data.addColumn('number', 'Day');
          data.addColumn('number', 'Score');
          data.addColumn({type: 'string', role: 'tooltip' });
  
          data.addRows([
            [1, 37, 'This score occurred in Texas in 1959.'],
            [2, 30, ''],
            [3, 25, ''],        
          ]);
  
          var options = {
              chart: {
                  title: 'Important Chart',
                  subtitle: 'in millions of dollars (USD)'
              },
              width: 900,
              height: 500,
              legend: 'none',
              axes: {
                  x: {
                      0: { side: 'top' }
                  }
              }
          };
  
          var chart = new google.charts.Line(document.getElementById('line_top_x'));
  
          chart.draw(data, options);
      }
  </code></pre>