Javascript 重新绘制谷歌图表

Javascript 重新绘制谷歌图表,javascript,google-visualization,Javascript,Google Visualization,大家好,我正在用GoogleChart开发一个web应用程序。 我想在用户每次进行选择时重新绘制图表 这是我的密码 //加载google api 加载(“可视化”,“1”{ 软件包:[“corechart”] }); setOnLoadCallback(drawAllCharts); 函数drawAllCharts(){ //正在向服务器发送请求 $.post(“index.php”{ 类型:“结果” },功能(数据、状态){ HandlerResponse(数据,真) }); } //此函数处

大家好,我正在用GoogleChart开发一个web应用程序。 我想在用户每次进行选择时重新绘制图表 这是我的密码

//加载google api
加载(“可视化”,“1”{
软件包:[“corechart”]
});
setOnLoadCallback(drawAllCharts);
函数drawAllCharts(){
//正在向服务器发送请求
$.post(“index.php”{
类型:“结果”
},功能(数据、状态){
HandlerResponse(数据,真)
});
}
//此函数处理服务器的响应,该响应是JSON字符串
函数handleResponse(jsonString,init){
//将JSON字符串解析为对象
var obj=JSON.parse(jsonString);
var arrayData=objToStrin(obj);//将obj转换为数组
console.log(arrayData);
drawDistChart(arrayData,init);
}
//此函数用于绘制第一个图表
函数drawDistChart(arrayData,init){
//准备数据
var dataDistribution=new google.visualization.DataTable();
dataDistribution.addColumn('string','Fitness');
dataDistribution.addColumn('number','Physical');
dataDistribution.addColumn('number','Emotional');
dataDistribution.addRows(arrayData);
//设置几个属性
变量选项={
标题:“人数”,
背景颜色:{
填充:“透明”
},
哈克斯:{
标题:“健康评分”,
是的,
titleTextStyle:{
颜色:“红色”
}
}
};
//绘制图表
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据分布、选项);
}
但是什么也没有发生,请帮助

您需要添加一个“选择”事件侦听器来处理用户选择图表元素:

google.visualization.events.addListener(chart, 'select', function () {
    var selection = chart.getSelection();
    if (selection.length) {
        // the user clicked on a chart element
        // get row/column information from selection[n].row/column
        // do something with the selection

        // redraw the chart
        chart.draw(dataDistribution, options);
    }
});

每次都不需要声明新的google.visualization.ColumnChart

只需
chart.draw(数据分布、选项)可以正常工作

添加
chart.draw(数据分布、选项)
函数句柄响应中

我想在每次用户进行选择时重新绘制图表(..),但什么都没有发生-您在哪里捕获/检测用户选择?