Pie chart freaks out with negative values. about chart.js HOT 6 CLOSED

Excel 2013 handle this by using the negative numbers as positive.

I think this can be the a good solution since you might want to make a pie chart that compare incomes vs expenses or something similar

.

from chart.js.

I think Excel is too dumb here (unless there is more to the screenshot).

Abs'ing all values is only a good idea if you label the negatives somehow or explicitly state that this has been done.

Example: Let's say that I am a developer that sets up a dashboard for a department in my company unaware of this "feature". Everything looks good until one day a negative value turns up and without anyone realizing it, a group of people are making decisions on incorrect data.

from chart.js.

How would you expect this to render? Highcharts handles this slightly oddly as well... http://jsfiddle.net/E4jg7/

Unless there is something which seems like it would be appropriate for everyone, I think the best approach is to sanitise the data before creating the chart depending on the use case. For example, if people feel the approach Excel takes in abs'ing the value is the best way, that should be done before instantiating the chart. Alternatively, if you wanted to throw an error in your application, maybe the best way of doing that is before you create the chart based off that data.

from chart.js.

I have, in this situation, rendered this as a simple circle (gray outline only) with a message in the center saying something along the lines of "pie charts can't represent negative values".

There really isn't much else you can do without being misleading (or weird like Highcharts). Some chart types simply won't work with some values. Another example of such a thing is a stacked area chart: I don't know that there is anything sane that can be done, if smack in the middle you encounter a big negative value, other than just telling the viewer that this won't work. 😦

from chart.js.

Why don't you have some logic in your application that detects negative values before rendering a chart? I think that would make more sense than trying to add partial support for negative values in Chart.js.

from chart.js.

I would suggest that you at least add an exception then if negative values are found to inform the developer that it isn't supported.

from chart.js.