如何移除Chart.js柱状图中值为null/0的分类对应的柱子间距？

当柱状图中某组数据存在null值时（比如Plan A的Cycle 2），图表会默认跳过该值并留下空白间距。要移除这个间距，你可以通过调整图表配置结合修正后的数据集来实现：

修正后的数据集 #

aDatasets1 = [65,59,80,-81,56,55,40];  
aDatasets2 = [null,30,40,50,60,20,25];
aDatasets3 = [30,20,25,65,90,34,20];

核心配置调整（以Chart.js为例） #

在数据集配置中添加skipNull: false，这个配置会让图表不再跳过null值，而是将其渲染为高度为0的柱子，从而消除空白间距：

// 示例数据集配置
{
  label: 'Plan A',
  data: aDatasets2,
  skipNull: false,
  backgroundColor: '#your-color',
  // 其他样式相关配置
}

如果你的图表库不支持skipNull，另一种方法是直接将数据中的null替换为0，这样也能避免空白出现，同时不影响数据的可视化呈现效果。

内容的提问来源于stack exchange，提问作者AkhilaV