ChartJS：如何添加空值？

dsf9zpds 于 2022-11-06 发布在 Chart.js

关注(0)|答案(2)|浏览(154)

是否可以让ChartJS处理空值？
例如，有一个标签列表：

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

有一个值列表[1,null,null,5,null,1]。
在本例中，我希望ChartJS表现为二月、三月和五月没有值，因此它直接在一月、四月和六月之间绘制线条。

有类似的问题，但他们不想在空值Like this下画任何线，我想在最接近的非空值之间画线。
这是当有0而不是空值时的图形。

chart.js

来源：https://stackoverflow.com/questions/40591891/chartjs-how-to-add-empty-values

2条答案

按热度按时间

tvokkenx1#

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

赞(0）回复(0）举报 2022-11-06

a9wyjsp72#

你必须首先检查null的值，然后给它赋值NaN。我在处理chart.js极区时解决了这个问题。