Google图表显示正确,但我无法选择任何行或列

时间:2013-08-20 22:46:43

标签: google-visualization

我使用谷歌图表在网页上显示一个表格和一个柱形图。 所有信息都是正确的。 但是我无法在列表或表中的行中选择任何列。

我在此网页上创建了所有其他图表,并且所有图表都有选择事件。

我没有在这两个图表中添加选择事件。但默认情况下,当我单击表格中的某一行时,它将突出显示。 但是,在这两个图表中,没有任何反应。

有什么想法吗? 这两个图表是通过在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});
    }

0 个答案:

没有答案