Google chart javascript

Question

我为自己的一个小项目使用谷歌图表，而且我对javascript不太好，所以我想我会寻求一些帮助。

基本上我想通过按下按钮来改变图表的当前值。 这是脚本：

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 
function drawChart() { 
var data = google.visualization.arrayToDataTable([ 
['', 'YES', 'NO'], 
['', 5,  2], 
]); 

var options = { 
title: 'Win/Loss ratio', 
vAxis: {title: 'Chart', titleTextStyle: {color: 'red'}} 
}; 

var chart = new google.visualization.BarChart(document.getElementById('chart')); 
chart.draw(data, options); 
} 

值5和2应该点击button_1或button_2 所有帮助表示赞赏时被改变。

Answer 1

你可以做这样的事情：

function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['', 'YES', 'NO'], 
     ['', 5,  2], 
    ]); 

    var options = { 
     title: 'Win/Loss ratio', 
     vAxis: {title: 'Chart', titleTextStyle: {color: 'red'}} 
    }; 

    var chart = new google.visualization.BarChart(document.getElementById('chart')); 
    chart.draw(data, options); 

    function incrementYes() { 
     data.setValue(0, 1, data.getValue(0, 1) + 1); 
     chart.draw(data, options); 
    } 
    function incrementNo() { 
     data.setValue(0, 2, data.getValue(0, 2) + 1); 
     chart.draw(data, options); 
    } 
    // assumes button_1 and button_2 have id's "button_1" and "button_2" 
    var btn1 = document.querySelector('#button_1'); 
    var btn2 = document.querySelector('#button_2'); 

    if (document.addEventListener) { 
     // add event listener in most browsers 
     btn1.addEventListener('click', incrementYes); 
     btn2.addEventListener('click', incrementNo); 
    } 
    else if (document.attachEvent) { 
     // add event listener in IE 
     btn1.attachEvent('onclick', incrementYes); 
     btn2.attachEvent('onclick', incrementNo); 
    } 
    else { 
     // add event listener in legacy browsers 
     btn1.onclick = incrementYes; 
     btn2.onclick = incrementNo; 
    } 
}