如何檢測谷歌圖表上的雙擊事件（餅圖）

如何檢測谷歌圖表上的雙擊事件？這裏是我的代碼：如何檢測谷歌圖表上的雙擊事件（餅圖）

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"); 
    }); 
    }

來源

2012-04-20 Mayank Saxena

-2

jquery提供了一個可以使用的雙擊事件。正如你在這裏看到的例子：

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

jQuery的頁面，在這裏你可以找到更多的是在這裏：http://api.jquery.com/dblclick/

來源

2012-04-20 12:26:34

沒有的傢伙居然Google圖表顯示在iframe中，我們不能讓它點擊這就是爲什麼我問這裏做什麼？ – 2012-04-20 12:49:28

那麼，如果你只需要雙擊圖表，你可以用它來雙擊iframe。也許我錯了，但我看到你已經有一個事件，所以這個雙擊事物應該是同樣的事情。 – 2012-04-20 13:14:43

Dude我從今天早上開始搜尋，對此我一無所知，我認爲谷歌圖表不支持dblclick事件。 – 2012-04-20 13:30:28

它有點晚我猜，但使用的東西沿着

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;")`

線

來源

2015-03-11 17:00:23

我知道這是一個古老的問題，但我已經嘗試了一些小技巧，如何檢測雙擊。只是通過測量它。這當然不是一個好的或強大的解決方案，但它似乎工作。

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 to it is here。

來源

2015-07-01 13:18:50 Martin

一個缺點是減慢了單擊響應的響應速度（等待潛在的第二次點擊250ms）。我不知道如何改進它，但像Windows這樣的UI系統似乎有一個解決方案。單擊就沒有延遲。 – Martin 2016-01-27 14:41:18

我做了以下

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);

來源

2016-02-09 06:48:05 Sadi

如何檢測谷歌圖表上的雙擊事件（餅圖）

回答

相關問題