Negative values ​​in pie charts

My application visualizes data using various types of charts. Some data displayed in a pie chart includes negative values. Pie charts are not intended to display negatives.

Excel displays the absolute value of all values. Thus, -20 is displayed on a pie chart as a slice with 20% of the pie circumference. The only way to report the number negative is to reference the legend.

Highcharts , which is the graphics engine we use, leaves positive fragments intact, but makes negatives in a very strange and confusing way ( Example JS Lint ). It reinforces them for trying negative, but our users are confused.

Others suggested filtering out negatives altogether, since they do not make sense on a pie chart. This separates the data and does not fully reflect the data set, so it probably won’t work for us.

And others suggested using a more appropriate type of chart , such as a histogram.

Any other solutions? How did you do that?

+3
source share
3 answers

Use shades of green for positive values.

Use the absolute value of your negative values ​​to then display different negative values ​​in shades of red.

+4
source
+2

. , B .

'arc' 'pie' d3.js .

.

donut chart containing a negative value pattern 1

, .

donut chart containing a negative value template 2

+1

All Articles