饼图中的负值

时间:2012-04-16 19:23:59

标签: graph charts visualization pie-chart

我的应用程序使用各种图表类型可视化数据。通过饼图可视化的一些数据包括负值。饼图不是为了显示底片而设计的。

  • Excel 输出所有值的绝对值。因此,在饼图中输出-20作为具有饼的周长的20%的切片。告诉数字是否定的唯一方法是引用图例。
  • Highcharts ,这是我们使用的图表引擎,保留了正片,但却以非常奇怪和令人困惑的方式呈现底片(Example on JS Lint )。试图渲染底片的道具,但我们的用户感到困惑。

  • 其他人建议完全过滤掉否定,因为它们在饼图上没有意义。这剥离数据并不完全代表数据集,因此它可能对我们不起作用。
  • 并且,其他人建议使用更合适的图表类型,例如条形图。
  • 解决此问题的其他选择?你是怎么做到的?

    3 个答案:

    答案 0 :(得分:4)

    使用绿色阴影作为正值。

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

    答案 1 :(得分:3)

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

    '电弧'和'馅饼' d3.js的功能使用起来非常方便。

    工作样本为here

    donut chart containing negative value pattern 1

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

    donut chart containing negative value pattern 2

    答案 2 :(得分:2)

    您可以在饼图周围使用圆环图,使用一个表示正值和其他负值。这里的关键是代表100%的值对于正面和负面都是相同的。结果是对该集合的正面,负面以及整体的正面或负面的直观表示。

    http://www.highcharts.com/demo/pie-donut