2016-06-26 7 views
1

折れ線グラフの読み込みで「選択」イベントをトリガーしたい。私は使用します my_chart.setSelection([{行:行番号、列:列番号]]);文書の読み込み時にが実行され、正常に動作します。しかし、それは私のハンドラ関数を起動しません。google.visualization.events.addListener(my_chart、 'select'、function(){...});。それは私の目標です。助けてください!Googleの線グラフで「選択」イベントを発生させるにはどうすればよいですか?

答えて

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>

+0

感謝を使用します!まあ、それはかなり明白でした) –

関連する問題