title: Can't add annotation to google bar chart
body: <p>I've been trying to add annotations to google bar chart. I've seen related questions about this, but can't solve it. There are 2 bar in charts and i want to show numbers on bars. I added 2 annotation column to my datatable. Chart draw works without annotations and there is no error at console. So i need some help. Here is my code:</p>
  
  <pre><code> var options = {
          chart: {
              title: 'xxxx',
              subtitle: 'xxxx',
              focusTarget:'category'
          },
          annotations: {
              textStyle: {
                  color: 'black',
                  fontSize: 11,
              },
              alwaysOutside: true
          },
          height:300,
          vAxis: {format: 'short'},
          colors: ['#17807E', '#4285F4']
      };  
  
  function drawAudits(Data)  //data comes from another function with ajax call
      {            
          var dataTbl = new google.visualization.DataTable();            
          dataTbl.addColumn('string', 'Months');            
          dataTbl.addColumn('number', 'Scheduled');
          dataTbl.addColumn('number', 'Done');
          dataTbl.addColumn({ type:'number' , role: 'annotation' });
          dataTbl.addColumn({ type:'number' , role: 'annotation' });
  
          for (var i = 0; i &lt; Data.length; i++)
          {
              dataTbl.addRow([Data[i].month, Data[i].AllAudits, Data[i].DoneAudits, Data[i].AllAudits, Data[i].DoneAudits]);
          } //last 2 column for annotations
  
          var chart = new google.charts.Bar(document.getElementById('columnChartDiv'));
          chart.draw(dataTbl,options);
      }
  </code></pre>
  
  <p>thanks in advance.</p>