javascript - 如何检测谷歌图表(饼图)上的双击事件

标签 javascript jquery google-visualization

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

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

最佳答案

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

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 .

关于javascript - 如何检测谷歌图表(饼图)上的双击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10241923/

相关文章:

php - 图片上传到客户表格作为背景

javascript - 为什么 Array.concat 在连接 jQuery 对象的二元素和三元素数组时会生成三元素数组?

javascript - 通过角色 :style 设置谷歌条形图的颜色

javascript - 谷歌图表 : Date Error

asp.net - 如何将 JSON 注入(inject)我的 .aspx 文件?

javascript - JQuery - 切换效果不起作用

javascript - page.$$eval() 未按预期工作(Puppeteer)

javascript - jquery 日期选择器 : Change position of prev and next buttons

jquery - Firefox 中 jquery find 的严重性能问题

javascript - 如何使用 Google Analytics API 排除特定维度结果