Apache ECharts double click event

Question

I'm having a problem with mouse events ('dblclick' and 'click') in Apache ECharts plugin. When I trigger mouse 'double click' event, it also triggers mouse 'click' event twice. How can I prevent action in 'click' event when 'dbl click' is triggered?

http://jsfiddle.net/jm6uqdzs/

myChart.off('click');
myChart.on('click', function (params) {
    console.log('click',params);
    // action when bar element is clicked
});

myChart.off('dblclick');
myChart.on('dblclick', function (params) {
    console.log('dobule click:', params);
    // action when bar element is double clicked
});

console log:

click {componentType: "series", componentSubType: "bar", componentIndex: 0, seriesType: "bar", seriesIndex: 0, …}
click {componentType: "series", componentSubType: "bar", componentIndex: 0, seriesType: "bar", seriesIndex: 0, …}
dobule click: {componentType: "series", componentSubType: "bar", componentIndex: 0, seriesType: "bar", seriesIndex: 0, …}

Thank you for your help!

Answer 1

I was facing the same issue and discovered the my chart was added to the DOM more than one time.