Angular中如何消除Google直方图图表的柱间距

要消除Google直方图的柱形间距，只需在图表配置中调整两个关键参数：

• 设置histogram.bucketSize为数据的最小间隔值（比如数据是整数就设为1，是0.1步长的小数就设为0.1），确保每个柱形对应一个连续的数据区间，避免自动分组产生的间隙。
• 将bar.groupWidth设为'100%'，让每个柱形完全占满所在分组的宽度，彻底消除柱间空隙。

Angular组件中的代码示例：

// 定义图表配置
chartOptions: google.visualization.HistogramOptions = {
  histogram: {
    bucketSize: 1, // 根据你的数据实际精度调整
  },
  bar: {
    groupWidth: '100%'
  },
  // 其他自定义配置（如标题、坐标轴等）
};

如果是多系列直方图，确保每个系列的bucketSize保持一致，同时groupWidth的设置依然生效。另外检查数据源，避免因数据断层出现的空白区域被误判为柱形间距。

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