我使用谷歌图表在网页上显示一个表格和一个柱形图。 所有信息都是正确的。 但是我无法在列表或表中的行中选择任何列。
我在此网页上创建了所有其他图表,并且所有图表都有选择事件。
我没有在这两个图表中添加选择事件。但默认情况下,当我单击表格中的某一行时,它将突出显示。 但是,在这两个图表中,没有任何反应。
有什么想法吗? 这两个图表是通过在JQuery ajax函数中调用成功函数生成的。
chart_selection由选择事件触发。 a_chart,chart_data,detail_table,detail_data,detail_chart是全球性的。 Detail_chart和detail_table正确绘制。 但是当我点击一列或一行时,没有突出显示。鼠标悬停时也没有突出显示。
function chart_selection(){
var selection=a_chart.getSelection();
var index=chart_data.getValue(selection[0].row,0);
$.ajax({
url:"html here....",
type:"GET",
data: {send some data here....,csrfmiddlewaretoken:$("input[name=csrfmiddlewaretoken]").val()},
dataType:"json",
success: function(response){
draw_detail(response);
},
error: function(xhr,status,error){alert("xhr status: "+xhr.status)},
})
return false;
}
function draw_detail(response){
detail_table=new google.visualization.Table(document.getElementById('detail_table'));
detail_data=new google.visualization.DataTable(response);
detail_chart=new google.visualization.ColumnChart(document.getElementById('detail_chart'));
detail_table.draw(detail_data,{width:550,height:456});
var detail_view=new google.visualization.DataView(detail_data);
detail_view.hideColumns([4,5]);
detail_chart.draw(detail_view,{width:550,height:225});
}