Binding to Click Events for Pie Chart - Plotly - JavaScript

Question

How to convert the plotly binding click event for a pie chart?

What I currently have below is for a plotly scatter graph, but I am unsure how to use the same concept for a pie chart.

var myPlot = document.getElementById('myDiv'),
    d3 = Plotly.d3,
    N = 16,
    x = d3.range(N),
    y = d3.range(N).map( d3.random.normal() ),
    data = [ { x:x, y:y, type:'scatter',
            mode:'markers', marker:{size:16} } ],
    layout = {
        hovermode:'closest',
        title:'Click on Points'
     };

Plotly.newPlot('myDiv', data, layout);

myPlot.on('plotly_click', function(data){
    var pts = '';
    for(var i=0; i < data.points.length; i++){
        pts = 'x = '+data.points[i].x +'\ny = '+
            data.points[i].y.toPrecision(4) + '\n\n';
    }
    alert('Closest point clicked:\n\n'+pts);
});

ARTLoe · Accepted Answer · 2018-08-02 15:50:12Z

1

myPlot.on('plotly_click', function(data){
    var pts = '';
    for(var i=0; i < data.points.length; i++){
        pts = 'label(country) = '+ data.points[0].label + '\nvalue(%) = ' + data.points[0].value;
    }
    alert('Closest point clicked:\n\n'+pts);
});

answered Aug 2, 2018 at 15:50

ARTLoe

1,8092 gold badges25 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Yooz Over a year ago

Maybe you could share the rest of the code where you initialize "myPlot". This answer does not show how to bind the event to a Pie Chart, it is the same binding as in your question with a change in string "pts".

Collectives™ on Stack Overflow

Binding to Click Events for Pie Chart - Plotly - JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related