饼图中的负值

Question

我的应用程序使用各种图表类型来可视化数据。饼图可视化的某些数据包括负值。饼图并非旨在显示负数。

Excel输出所有值的绝对值。因此，在饼图中将-20输出为包含饼周长20％的切片。告诉数字为负的唯一方法是引用图例。

Highcharts是我们使用的制图引擎，它使正片完整无缺，但以非常奇怪和令人困惑的方式渲染负片（JS Lint上的示例）。为他们提供底片的支持，但我们的用户感到困惑。

其他人则建议完全过滤掉负面因素，因为它们在饼图中没有意义。这会剥离数据，并不完全代表数据集，因此它可能对我们不起作用。

并且，其他人建议使用更合适的图表类型，例如条形图。

还有其他解决方案吗？你是怎么做到的？

Answer 1

使用绿色阴影表示正值。

使用负值的绝对值，然后以红色阴影显示不同的负值。

Answer 2

最近，我想到了同样的问题，并做了这样的大致样本。
请假定项目B具有负值。

d3.js的'arc'和'pie'函数非常易于使用。

工作样本在这里。

我还添加了同心圆，就像这样。