ChartJS：如何添加空值？答案

【问题标题】：ChartJS: How to add empty values?ChartJS：如何添加空值？
【发布时间】：2016-11-14 15:08:19
【问题描述】：

是否可以让 ChartJS 处理空值？

比如有一个标签列表：

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

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

在这种情况下，我希望 ChartJS 表现出二月、三月和五月没有值，因此它直接在一月和四月之间画线和六月。

有类似的问题，但他们不想在空值Like this 下画线，我想在最接近的非空值之间画线。

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

【问题讨论】：

你可以自己做线性插值。
因为零是一个正确的值，所以线绘制在图表的底部。当这些值设置为零时，我已在图表中附加了图像。该图表应显示趋势。
好吧，Chart.js 不是很聪明。如果您希望折线图通过实际数据中不存在的点，则必须使用自己的代码计算这些值。

标签： javascript jquery html chart.js

【解决方案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 轴最小值和最大值以使其看起来符合您的要求，但这应该满足您的基本要求。

【讨论】：