Javascript 在Highchart中，如何在列和y轴之间留出1px的空间？

我必须用高度图表做一个柱形图，在柱和Y轴之间有1px的空间，我如何将我想要的图表中的1px空间添加到我做的图表中，这是我做的代码：（对不起，我没有足够的声誉来添加图像，这就是为什么我没有发布的原因）

---

我还发现，所有列之间的间距都不相同，可能我使用了错误的aproch来获取间距，最好是什么？

您希望每列之间有1px的间距吗

我将根据绘图的大小/列数计算列宽：

var colWidth = ($('#quintals-sugar-graph').width() / data.length) + 1;

然后将“borderWidth”设置为1px以提供空间：

    plotOptions: {
        column: {
            pointWidth: colWidth,
            borderWidth: 1
        },

    },

小提琴

---

您真的需要宽度精确到1px吗？如果没有，则以下内容也会在列之间留出最小空间，更方便：

plotOptions: {
    column: {
        pointPadding: 0,
        groupPadding: 0
    }
}

您可以简单地执行以下操作：

plotOptions: {
  column: {
    pointPadding: 0,
    groupPadding: 0,
    borderWidth: 1
  }
},

---

非常感谢，这正是我想要做的，它必须是1px，因为网页设计师在设计中要求它是这样的，我知道有时候设计不能像像素一样完美

plotOptions: {
  column: {
    pointPadding: 0,
    groupPadding: 0,
    borderWidth: 1
  }
},