title: LineChart with annotations and multiple graph lines
body: <p>I'm using Google Charts to try and create a line chart that looks like the first one labelled Example:</p>
  
  <p><a href="https://developers.google.com/chart/interactive/docs/gallery/linechart" rel="nofollow">https://developers.google.com/chart/interactive/docs/gallery/linechart</a></p>
  
  <p>However, I cannot use google.visualization.arrayToDataTable() as shown in the 1st example.</p>
  
  <p>The problem is I want to add annotations and annotationText to each plotted point.  The documentation says I must use:</p>
  
  <p>google.visualization.DataTable()</p>
  
  <p>In order to do that, i must do the following:</p>
  
  <pre><code>    var data1 = [
        [ 'C'   ,4, 'o', 'note'],
        [ 'D'   ,6, 'o', 'note'],
        [ 'O'   ,4, 'o', 'note']
      ];
      var chartData = new google.visualization.DataTable();
  
      chartData.addColumn('string', 'X'); // Implicit series 1 data col.
      chartData.addColumn('number', 'DOGS'); // Implicit domain label col.
      chartData.addColumn({type:'string', role:'annotation'});
      chartData.addColumn({type:'string', role:'annotationText'});  
  
      chartData.addRows(data1);
      var chart = new    
            google.visualization.LineChart(document.getElementById('visualization'));
  
      var options = {
               title: "My Title",                            
      };
      chart.draw(chartData,options);
  </code></pre>
  
  <p>This gives me one line of plotted data.</p>
  
  <p>How do I adapt this to allow me to add a 2nd line of plotted data?goo</p>