4

如何检测谷歌图表上的双击事件？这是我的代码： 

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

5 回答 5

4

我知道这是一个老问题，但我尝试了一些技巧来检测双击。只是通过测量它。这肯定不是一个好的或强大的解决方案，但它似乎有效。

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 就在这里。

于 2015-07-01T13:18:50.320 回答
1

我做了以下

    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-09T06:48:05.133 回答
0

我想它有点晚了，但使用一些类似的东西 

   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-11T17:00:23.803 回答
0

我通过监听 chart_div（容器）的双击事件来做到这一点。

conatiner = document.getElementById('chart_div');

container.addEventListener('dblclick', (e)=>console.log('双击'));

于 2020-01-19T04:46:04.510 回答
-3

Jquery 提供了一个可以使用的双击事件。正如您在此处的示例中看到的：

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

您可以在这里找到更多信息的 jQuery 页面：http: //api.jquery.com/dblclick/

于 2012-04-20T12:26:34.250 回答