Javascript 如何控制X轴数据点之间的填充空间

我试图控制图表中各列之间的间距（在本例中）。我需要访问每个栏之间的空间和每套栏之间的空间（图片中它们之间的大空白）。我花了很多时间阅读其他帖子和文档，但就我的一生而言，我找不到我想要的东西

下面是这个示例的JSFIDLE。这是一堆东西，用于POC。

我已经试过了

  xAxis: {
    labels: {
      padding: 1
    }
  }

您可以使用

分组填充：0.4

属性增加或减少列组之间的间距

Highcharts.chart（'container'{
图表：{
类型：“列”
},
标题：{
文字：“月平均降雨量”
},
副标题:{
文本：'来源：WorldClimate.com'
},
xAxis：{
类别：[
“一月”，
二月,，
“三月”，
“四月”，
“五月”，
"六月",，
七月,，
"八月",，
"九月",，
“十月”，
十一月,，
“十二月”
],
十字准星：对
},
亚克斯：{
分:0,，
标题：{
文字：“降雨量（毫米）”
}
},
工具提示：{
headerFormat:“{point.key}”，
pointFormat:“{series.name}:”+
“{point.y:.1f}mm”，
页脚格式：“”，
分享：是的，
useHTML:true
},
打印选项：{
专栏：{
分组填充：0.4
}
},
系列：[{
名称:"东京",，
数据：[49.9,71.5,106.4129.2,144.0176.0,135.6148.51216.4194.1,95.6,54.4]
}, {
名称：'纽约'，
数据：[83.6,78.8,98.5,93.4,106.0,84.5,105.0,104.3,91.2,83.5,106.6,92.3]
}, {
名称：“伦敦”，
数据：[48.9,38.8,39.3,41.4,47.0,48.3,59.0,59.6,52.4,65.2,59.3,51.2]
}]
});

发布一些代码片段，以便我们可以帮助您找到solution@JimmySurprenant编辑你的目标是什么？距离应该是怎样的？@HalvorStrand我希望能够将距离分散并缩短。我公司内不同用户组的不同要求。当我们嵌入这些图表时，太多的面板浪费在空白处。