Как обнаружить событие двойного щелчка на диаграмме google (круговая диаграмма)

Question

Как определить событие двойного щелчка на графиках Google? Вот мой код:

var options = { 
     title: 'My Daily Activities' 
    }; 

    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    console.log(chart); 
    chart.is3D = true; 
    chart.draw(data, options); 
    google.visualization.events.addListener(chart, 'click', function(e){ 
     console.log(e); 
     console.log(chart.getSelection()); 
     var data = chart.getSelection(); 
     if(data.length > 0) { 
      alert(0); 
      chart.setSelection([]); 
     } 
     //window.open("http://classicmayank.limewebs.com", "mywindow1", "status=1,width=350,height=150"); 
    }); 
    } 

Answer 1

Jquery обеспечивает двойное событие щелчка, который можно использовать. Как вы можете видеть на примере здесь:

$("p").dblclick(function() { alert("Hello World!"); }); 

страница JQuery, где вы можете найти больше это здесь: http://api.jquery.com/dblclick/

Answer 2

Ее немного поздно я предполагаю, но использовать что-то вдоль линий

google.visualization.events.addListener(chart, 'select', columnselectHandler) 
    var status = 0; 

    function columnselectHandler(e) { 
      var selection = chart.getSelection(); 
      var selectedItem = selection[0]; 
      var data2 = getDDData(k); 
      var columndata = [] 
     if (selectedItem) { 
    if (status == 0){ 
    var name = data.getValue(selectedItem.row, 0); 
    columndata[0] = data2[0] 
    columndata[1] = data2[selectedItem.row+1]       
       var chartData = new google.visualization.arrayToDataTable(columndata); 
     chart.draw(chartData, {width: 1200, height:500}, options); 
     var button = document.getElementsByClassName("backToMain")[0];   
      button.setAttribute("id",chartType) 
     button.setAttribute("style","display:inline; margin-top:150px; font-size:30px; position:absolute;")` 

Answer 3

Я знаю, что это старый вопрос, но я попробовал немного взломать, как обнаружить двойной щелчок. Просто измерив его. Это, безусловно, неплохое или надежное решение, но, похоже, оно работает.

var firstClick = 0; 
var secondClick = 0; 

google.visualization.events.addListener(chart, 'click', function() { 
    var date = new Date(); 
    var millis = date.getTime(); 

    if (millis - secondClick > 1000) {   
     // add delayed check if a single click occured 
     setTimeout(function() { 
      // no second click fast enough, it is a single click 
      if (secondClick == 0) { 
       alert("click"); 
      } 
     }, 250); 
    } 

    // try to measure if double-clicked 
    if (millis - firstClick < 250) {   
     firstClick = 0; 
     secondClick = millis; 

     alert("doubleClick"); 

    } else { 
     firstClick = millis; 
     secondClick = 0; 
    } 
});  

JSFiddle на это here.

Answer 4

Я сделал следующее

var clicks = 0; 

    function selectHandler() { 

     clicks++; 

     setTimeout(function() { 
      if (clicks >= 2) { 
       alert("double click"); 

      } 
      clicks = 0; 
     }, 250); 



    } 

    //bind the select event with chart 
    google.visualization.events.addListener(chart, 'select', selectHandler);