组中条数可变,无间隙

时间:2019-05-23 09:03:03

标签: chart.js

我想像本例一样绘制图表:

delete_column

但是在我的情况下,绿色条形图在每个堆栈中都没有数据。

有某种方法可以在缺少某些条形图时挤压图形条图吗?

当您将示例中的数据编辑为如下所示时:

`http://jsfiddle.net/4rjge8sk/`

在堆栈1中,您有一些空值。

这是一个很好的例子:

  labels: ["January", "February", "March", "April", "May", "June", "July"],
  datasets: [
    {
      label: "My First dataset",
      backgroundColor: "rgba(99,255,132,0.2)",
      data: [59, 80, 81, 56, null, 40, 65],
      stack: 1
    },
    {
      label: "My Second dataset",
      backgroundColor: "rgba(99,132,255,0.2)",
      data: [80, 81, 56, 55, 40, 65, 60],
      stack: 2
    },
    {
      label: "My Third dataset",
      backgroundColor: "rgba(255,99,132,0.2)",
      data: [60, 59, 80, 81, 56, 55, 40],
      stack: 2
    }
  ]
};

我想让第一组更窄。如果没有其他数据,则无需为其他两个小条留有空白空间。

谢谢您的帮助。

0 个答案:

没有答案