删除 Chart.js 中由空值创建的空格

Question

我在下面的图表中有以下数据（不需要的空白用蓝色箭头标记）：

const dataone = [1, 2, 5, 4, 2];
const datatwo = [2, 2, 3, 4, 5];
const datathree = [2, 3, 3, 2, 4];
const datafour = [null, null, 4, null, null];
const datafive = [null, 2, null, null, null];

如何删除空格并在数组中保留空值？

您可以在此处查看和编辑所有代码：https://codesandbox.io/s/github/pedroRelvas/NoNullSpacesInChart/tree/master/?fontsize=14&hidenavigation=1&theme=dark

Answer 1

这很简单，只需在要删除的每个数据集中执行此操作（当然，如果数据集数组中没有这样的值！如果有，100% 可以理解有空格）：

data:{
   datasets: [{
            ...
            hidden: true,
            ...
        },],
}

删除 Chart.js 中由空值创建的空格

Remove empty spaces created by null values in Chart.js

arrays

emptydatatext

bar-chart

chart.js