饼图中的负值

Question

是否可以在Google饼图中表示负值？我有负值的数据，并且显示“ KTable<Windowed<String>,Demo1> windowstream = dummy1 .groupByKey(Serialized.with(Serializer.getSerde(String.class), Serializer.getSerde(Demo1.class))) .windowedBy(TimeWindows.of(TimeUnit.SECONDS.toMillis(15))).aggregate(new Initializer<Demo1>() { @Override public Demo1 apply() { return new Demo1(); } }, new Aggregator<String, Demo1, Demo1>() { @Override public Demo1 apply(String key, Demo1 value, Demo1 aggregate) { double u= value.getspeed(); double v= value.getaccelraton(); System.out.println("Speed====" + value.getspeed() + "Accelration===" + value.getaccelraton()); return aggregate; } }); ”。有没有办法在饼图中表示负值？

Answer 1

否-Google饼图不能显示负值。

https://jsfiddle.net/dxtkfL7v/

  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);

  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  -5],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'My Daily Activities'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }

Google图表专门显示错误“负值对于饼图无效”。因为他们不支持。

有关如何在饼图中显示负值的一些想法，请参见https://ux.stackexchange.com/questions/89598/how-to-show-negative-values-in-a-pie-chart。您可以做一些数学运算，然后将相关事件样式应用于图表，以使它们像这样显示-但是，这仍然不会改变Google图表PieChart不直接支持负值。

Answer 2

欢迎使用Stack Overflow社区。

您无法在饼图中表示负值。但是，有一种解决方法。您可以做的是，可以使用甜甜圈图达到您想要的目的。甜甜圈图有两个部分inner和outer部分，两者的范围都从0-100%开始，您可以将一个部分用作负值，另一部分用于正值。结果是直观地表示正数，负数以及整个集合的正数或负数。

看看 Donut Chart 插件here。

此外，还有其他几种方法可以在图形上表示负值，您可以使用柱形图，请参考here。

我个人建议您使用Bar with negative stack，这特别适合您的要求。

希望这会有所帮助！

Answer 3

不，你不能。饼图是一个完整的圆圈，代表100％。在饼图中，我们应该将其划分为圆的表面积的百分比。由于百分比不能为负值，因此无法将其绘制在饼图上。没有这样的概念。以下是饼图的示例。您可以看到它的百分比形式，并且不能有任何负值。

如果要在图形上绘制负值，则应使用带负轴的条形图或折线图。 Google提供了很好的图表。还有其他选择。此类别中最好的图表之一是https://gionkunz.github.io/chartist-js/