Javascript 在Highcharts中围绕列创建边框，顶部和底部的边框宽度不同

我试图在Highcharts中的堆叠柱的两部分周围创建一个边框。

---

现在，我可以为每个部分单独创建边界，但是这样，它们将被中间的一条线分隔开来。（）有没有办法将边框的顶部和底部设置为不同的大小？ 还是其他解决方案

series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2]
}, {
    name: 'Jane',
    data: [2, 2, 3, 2, 1],
    borderWidth: 2,
    borderColor: 'red',
}, {
    name: 'Joe',
    data: [3, 4, 4, 2, 5],
    borderWidth: 2,
    borderColor: 'red',
}]

---

“他们会被中间的一条线隔开”——你在说什么线？在这个例子中，我在寻找什么？我想说的是，我只想要一个边框围绕柱的两个部分，而不是两个单独的边框。为了实现单个边框的外观，我尝试将顶部边框的底部和底部边框的顶部设置为0。希望这更清楚！此时，您需要使用循环，在每个点上迭代，并提取x中的所有点。然后使用添加自定义行，因为边框不能像实体模型中那样进行自定义。只需添加到Sebastian的注释中-这是SVG标准中的一个限制，它不支持矩形不同侧面的不同边框样式。因此，您需要手动执行此操作。