Google条形图上的注释

时间:2017-10-10 17:18:32

标签: 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.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));

}

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

0 个答案:

没有答案