Is it possible to do drill down in pie chart?

plotly.js
1

Is it possible to do drill down in pie chart?

2

You mean something like this: https://plot.ly/javascript/pie-chart/#donut-chart ?

3

I’m assuming drill down refers to something like this, http://www.highcharts.com/demo/column-drilldown

where clicking on one section of a graph allows the user to explore just that series in another graph.

4

hi!
the thought is good…
please elaborate on the real case scenario…

As drilling down on a pie chat seems a little out of the way, as pie chart only provides us with %ages

5

The real case scenario would be to increase granularity.

Suppose the pie chart represented the number of votes different presidential candidates have received in America, such as Candidate A has 51% of the popular vote and Candidate B has 49%.

After the user clicks on Candidate A, the user is presented with another graph that shows the votes Candidate A has received broken down by state. Clicking on a state then breaks down the vote count by city.

Any way to do this within plotly?

6

yes! it can be done I guess…

one way could be to use the on click events
once you click it redirect to a different chart or anything you want to display!

7

Could you please provide some example codes on how click events will work on Pie chart. I want to pass the value from Pie chart to datatable. Please help.

8

Take a look at a pie chart example, e.g. http://codepen.io/plotly/pen/af6e1b07afd67fcf684af199893069e2/

Then add some event handler lines to the end of the script, for example

myDiv.on('plotly_hover', function(d) {console.log('hover', d);});
myDiv.on('plotly_unhover', function(d) {console.log('unhover', d);});
myDiv.on('plotly_click', function(d) {console.log('click', d);});

then open the Dev Tools console of your browser and see the events logged.
Events reference: https://plot.ly/javascript/plotlyjs-events/

9

Thanks for the response. I forgot to mention that I am working on Shiny and would like to add click event feature on Pie Chart. I tried the below code and it’s not working as expected.

output$plotly <- renderPlotly({
colors <- c(‘rgb(211,94,96)’, ‘rgb(128,133,133)’, ‘rgb(144,103,167)’, ‘rgb(171,104,87)’, ‘rgb(114,147,203)’)
p <- plot_ly(data, labels = ~variable1, values = ~variable2, type = ‘pie’,
textposition = ‘inside’,
textinfo = ‘label+percent’,
insidetextfont = list(color = ‘#FFFFFF’),
hoverinfo = ‘label+percent+text’,
text = ~paste(‘Count -’, cnt),
marker = list(colors = colors,
line = list(color = ‘#FFFFFF’, width = 1)),
showlegend = T) %>%
layout(title = ‘Pie Chart with Click Event’,
xaxis = list(showgrid = FALSE, zeroline = FALSE, showticklabels = FALSE),
yaxis = list(showgrid = FALSE, zeroline = FALSE, showticklabels = FALSE),
dragmode = “select”)
p
})

output$click <- renderPrint({
d <- event_data(“plotly_click”)
if (is.null(d)) “Click events appear here (double-click to clear)” else d
})