graph - 饼图中的负值

Question

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

Excel输出所有值的绝对值。因此，-20 在饼图中输出为一个占饼图周长 20% 的切片。判断数字是否为负的唯一方法是参考图例。

Highcharts是我们使用的图表引擎，它保留了正面切片完好无损，但以一种非常奇怪和令人困惑的方式呈现了负面切片（JS Lint 上的示例）。支持他们尝试渲染底片，但我们的用户感到困惑。

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

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

解决这个问题还有其他选择吗？你是怎么做到的？

score 5 · Accepted Answer

对正值使用绿色阴影。

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

score 5 · Accepted Answer

最近我想到了同样的问题，并制作了这样的粗略样本。
请假设 B 项具有负值。

d3.js的'arc'和'pie'函数使用起来非常方便。

工作样本在这里。

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

score 2 · Accepted Answer

您可以在饼图周围使用圆环图，其中一个表示正值，另一个表示负值。这里的关键是表示 100% 的值对于正负都相同。结果是正面、负面以及整个集合的正面或负面程度的直观表示。

score 0 · Accepted Answer

您可以在彼此周围使用两个甜甜圈图。一个代表负值，另一个代表正值（可能通过使用不同的颜色梯度，例如绿色/红色来指示哪个是哪个）。诀窍是根据正值或绝对负值选择每个甜甜圈的半径。如果您有重叠，请调整可视化，使两个甜甜圈之间的边界恰好位于两个绝对值的平均值。

4 回答 4