[RGRAPH SUPPORT] How do I add a custom event for a Bar chart (or any type of chart)?

How do I add a custom event for a Bar chart (or any type of chart)?

Post a reply
Posted by Soujanya on 17:38 7th December 2020
Hi Team

Please let me know how to add doubleclick event to bar chart or any type of chart

Yours Sincerely
Soujanya.

Posted by Richard on 17:43 7th December 2020
There's no native double click event but you can add one like this:

myObject = new RGraph.Bar({
    id: 'cvs',
    data: [9,10,6,8,4,6,3],
    options: {
        xaxisLabels: ['Hoolio','Gary','Tom','Mark','Karl','Pob','Bob'],
        marginInner: 20,
        backgroundGridBorder: false,
        backgroundGridVlines: false,
        yaxis: false,
        title: 'Double click event listener added to the chart',
        titleBold: true
    }
}).draw();

// This is the DOM1 method of adding events
myObject.canvas.ondblclick = function (e)
{
    var obj = e.target.__object__;
    var shape = obj.getShape(e);

    if (shape) {
        alert('A bar was clicked with index: ' + shape.dataset);
    }
}

// And this is the DOM2 method of adding event listeners
myObject.canvas.addEventListener('dblclick', function (e)
{
    var obj = e.target.__object__;
    var shape = obj.getShape(e);
    if (shape) {
        alert('[DOM2 event listener] A bar was clicked with index: ' + shape.dataset);
    }
});

Post a reply

What's your name?
What do you want to say?