如何解雇"选择"谷歌折线图上的事件?

时间:2016-06-26 10:17:48

标签: google-visualization

我想触发"选择"在线图加载事件。我用 my_chart.setSelection([{row:row_number,column:column_number}]); 对文档加载,它运行良好。但它并没有触发我的处理函数 google.visualization.events.addListener(my_chart,' select',function(){...}); 。这是我的目标。请帮助!

1 个答案:

答案 0 :(得分:0)

'ready'事件触发时使用相同的功能...

google.charts.load('current', {
  callback: function () {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Sales', 'Expenses'],
      ['2004',  1000,      400],
      ['2005',  1170,      460],
      ['2006',  660,       1120],
      ['2007',  1030,      540]
    ]);

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
    
    google.visualization.events.addListener(chart, 'ready', selectHandler);
    google.visualization.events.addListener(chart, 'select', selectHandler);
    
    chart.draw(data, {
      title: 'Company Performance',
      curveType: 'function',
      legend: { position: 'bottom' }
    });
    
    function selectHandler() {
      chart.setSelection([{row: 0, column: 1}]);
    }
  },
  packages:['corechart']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="curve_chart"></div>
<div id="msg"></div>