Charts 谷歌条形图注释

Charts 谷歌条形图注释,charts,annotations,google-visualization,bar-chart,Charts,Annotations,Google Visualization,Bar Chart,我正在尝试向条形图添加注释,但它不起作用。当我使用包'corechart'时,它可以工作,但我想使用包'bar'。这是我的代码: google.charts.load('current', {'packages':['bar']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addCo

我正在尝试向条形图添加注释,但它不起作用。当我使用包'corechart'时,它可以工作,但我想使用包'bar'。这是我的代码:

google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

  var data = new google.visualization.DataTable();
  data.addColumn('timeofday', 'Hour');
  data.addColumn('number', 'Value');
  data.addColumn({type:'string', role:'annotation'})

  data.addRows([
    [[00, 00], 200, 'one'],
    [[01, 00], 230, 'two'],
    [[02, 00], 400, 'three'],
  ]);
  var options = {
    hAxis: {
      title: 'Hour',
      format: 'hh:mm',
    },
    vAxis: {
      title: 'Value'
    },
    backgroundColor: '#e3f2fd',
    legend: 'none',
    height: 450,
    width: 3000,
    colors: ['#00ACC1'],

    alwaysOutside: true,
    textStyle: {
    fontSize: 17,
    auraColor: 'none',
    color: '#FFFFFF'
  } ,
  };
var chart = new
google.charts.Bar(document.getElementById('chart_div'));

chart.draw(data, google.charts.Bar.convertOptions(options));

}
一切都很完美,只是缺少注释。
谢谢大家!

'bar'
中的图表被视为材料图表-材料图表不支持列角色,包括注释,请参阅-->--了解所有不支持的选项…谢谢@WhiteHat!我会用别的东西。祝您过得愉快包中的图表
'bar'
被视为材料图表-材料图表不支持列角色,包括注释,请参阅-->--了解所有不支持的选项…谢谢@WhiteHat!我会用别的东西。祝你今天愉快