[英]How to detect double click event on google chart (pie chart)
How do I detect a double click event on google charts?如何检测谷歌图表上的双击事件? Here is my code:
这是我的代码:
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");
});
}
I know it is an old question but I have tried a little hack how to detect a double-click.我知道这是一个老问题,但我尝试了一些如何检测双击的小技巧。 Just by measuring it.
只是通过测量它。 It is for sure not a nice or robust solution but it seems to work.
这肯定不是一个好的或强大的解决方案,但它似乎有效。
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;
}
});
I did the following我做了以下
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);
Its a little late i guess but use something along the lines of我猜它有点晚了,但使用类似的东西
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;")`
I did this by listening to the double click event of chart_div (the container).我通过监听chart_div(容器)的双击事件来做到这一点。
conatiner = document.getElementById('chart_div'); conatiner = document.getElementById('chart_div');
container.addEventListener('dblclick', (e)=>console.log('double clicked')); container.addEventListener('dblclick', (e)=>console.log('双击'));
Jquery provides a double click event that you can use. Jquery 提供了一个您可以使用的双击事件。 As you can see in the example here:
正如您在此处的示例中所见:
$("p").dblclick( function () { alert("Hello World!"); });
The jQuery page where you can find more it's here: http://api.jquery.com/dblclick/您可以在此处找到更多信息的 jQuery 页面: http : //api.jquery.com/dblclick/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.