An option to hide 0% text on pie charts

Please look at this example:

Here, the two 0% texts make no sense. It’s getting even worse if there are many options. They just get stacked vertically and take a lot of space and look ugly.

An option to switch off showing zero-percent texts on pie charts would be very hepful.

Please note it’s not the same as toggling pie slices when clicking on legend items, in which a case the opacity of those hidden legend items become 0.5 instead of 1 (default).

[nikitawolfik]

I wonder if that’s still relevant, but I’ve found this while struggled with the same problem, so maybe someone else will find this, too. The solution is actually very simple - all you need is to set {“textposition”} to “inside”. textposition: 'inside' If you are using React-plotly, then it is <Plot layout={{ textposition: 'inside', }} /> The only difference is that now all the values are placed inside pie slices. I had a number (5 or 6) of very small slices, which were behaving as you explained, and now they’re still ugly inside those little slices, but I think this looks less ugly 😃

[mdtusz]

It’s unlikely that the maintainers will implement this in the near future. The main target for plotly.js is scientific plotting and as such, it’s generally preferred to preserve the results of data - a data field with a value of 0 is still significant in the eyes of science.

A workaround for this however is to either apply custom text labels to your data, setting the values corresponding to 0 as null like in the code below, or alternatively, you may remove the 0 data from your initial plot-data before plotting.

Plotly.plot('graph', [{
  type: 'pie',
  labels: ['apples', 'bananas', 'clementines'],
  values: [20, 40, 0],
  text: [20, 40, null],
  textinfo: 'text'
}])

As always, we are open to pull requests from the community for the feature, but it is not high on our list of priorities at the moment.