javascript - ChartJs 跳过几个类别，可能吗？

Question

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

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

我将不胜感激任何解决方法和建议。如果不可能的话，我可能真的需要使用x和坐标作为数据。y

我在这里创建了一个小提琴

代码：

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);

更新：我切换到使用scatter和x坐标y，我能够实现我想要的。这是小提琴。

标签： javascriptjquerychart.js

Answer 1

跳过你使用NaN而不是 0。使用 0 仍然会向下绘制线，然后再向上绘制。您可以在此处查看示例