ChartJS：如何添加空值？

Question

是否可以使ChartJS流程为空值？

例如，有一个标签列表：

`['January','February','March','April','May','June]`

还有一个值列表[1,null,null,5,null,1]。

在这种情况下，我希望ChartJS表明2月，3月和5月没有值，所以它在1月到4月之间直接划线 和六月。

有类似的问题，但他们不想在空值Like this下绘制任何行，我想在最近的非空值之间绘制线条。

当有0而不是空值时，这是图表。

Answer 1

使用spanGaps选项：

var t = ['January', 'February', 'March', 'April', 'May', 'June'];
var vals = [1,null,null,5,null,1];

var chartdata ={
  labels:t,
  datasets :[
  {
    data:vals,
    spanGaps: true
  }
  ]
};

var ctx = document.getElementById("mycanvas").getContext('2d');
var lineGraph = new Chart(ctx,{
  type: 'line',
  data: chartdata
});

注意：您可能需要尝试线张力和y轴最小值和最大值，以使其看起来符合您的要求，但这应符合您的基本要求。