2016-06-26 3 views
1

Ich möchte "Select" Ereignis beim Liniendiagramm laden auslösen. Ich verwende my_chart.setSelection ([{Zeile: Zeilennummer, Spalte: Spaltennummer}]); auf Dokument laden, und es funktioniert gut. Aber es startet meine Handler-Funktion nicht google.visualization.events.addListener (my_chart, 'select', function() {...});. Welches ist mein Ziel? Bitte, hilf!Wie "Select" Ereignis auf Google Liniendiagramm auslösen?

Antwort

0

die gleiche Funktion verwenden, wenn die 'ready' Ereignis ausgelöst wird ...

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

Dank! Verdammt, das war ziemlich offensichtlich) –