是否可以让ChartJS处理空值？例如，有一个标签列表：
`['January','February','March','April','May','June]`
有一个值列表[1,null,null,5,null,1]。在本例中，我希望ChartJS表现为二月、三月和五月没有值，因此它直接在一月、四月和六月之间绘制线条。
[1,null,null,5,null,1]
有类似的问题，但他们不想在空值Like this下画任何线，我想在最接近的非空值之间画线。这是当有0而不是空值时的图形。
tvokkenx1#
使用spanGaps选项：
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});
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轴最小值和最大值，以使其看起来符合您的要求，但这应满足您的基本要求。
a9wyjsp72#
你必须首先检查null的值，然后给它赋值NaN。我在处理chart.js极区时解决了这个问题。
if(value==null){value=NaN;}
if(value==null)
value=NaN;
2条答案
按热度按时间tvokkenx1#
使用
spanGaps选项：备注：您可能需要试验线张力和y轴最小值和最大值，以使其看起来符合您的要求，但这应满足您的基本要求。
a9wyjsp72#
你必须首先检查null的值，然后给它赋值NaN。我在处理chart.js极区时解决了这个问题。