ChartJs跳过几个类别,可能吗?

时间:2018-05-17 08:47:59

标签: javascript jquery chart.js

我想知道是否可以跳过折线图中的一个类别?因为我的日期是动态的,并且有些数据集没有特定日期的值。

如下所示,我尝试在数据集#1上的第二个插槽上设置空值。

我很感激任何解决方法和建议。如果不可能,我可能真的需要使用xy坐标作为数据。

我创建了一个小提琴here

代码:

var options = { type: 'line', data: { labels: ["2018-01-01", "2018-01-09", "2018-01-20"], datasets: [ { label: 'Test 1', data: [12, , 19], //I tried skipping one value for date: 2018-01-09 here borderWidth: 1 }, { label: 'Test 2', data: [7, 11, 5], borderWidth: 1 } ] } }

var ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options);

更新:我切换到使用scatterx坐标的y,我就能实现我的目标。这是fiddle

1 个答案:

答案 0 :(得分:0)

要跳过,请使用NaN而不是0.使用0仍将向下绘制线,然后再向上。您可以看到示例here