Javascript highcharts热图中的每个单元格边框颜色

我正在使用highcharts创建一个简单的热图，但现在我想在单元格上使用自定义边框颜色来表示数据集中的另一个维度。我可以通过数据点上的

borderColor

config选项来实现这一点，但每个单元格的边框部分绘制在前面单元格的边框之上，因此看起来有点傻

有没有办法为边框指定边距，以便我的边框完全在单元格的边框内绘制，从而避免边框重叠？或者有没有一种方法可以通过某个事件自定义绘制自己的边界

你可以在小提琴和下图中看到这种效果。请注意橙色边框是如何绘制在绿色上的，红色边框是如何绘制在橙色上的。我正试图消除这种重叠

---

可以为热图系列添加像素填充，并将

边框宽度设置为设置填充的两倍

例如：

基于您的演示的示例：

正如Halvor所提到的，现在还不可能为SVG元素设置边框来放置在元素内部

另一种方法是扩展Highchart（与提供的演示类似），以更改设置了边框的单元格的大小，使其与没有边框的单元格位于同一位置。更多信息。
可以为热图系列添加像素填充，并将
边框宽度设置为设置填充的两倍

例如：

基于您的演示的示例：

正如Halvor所提到的，现在还不可能为SVG元素设置边框来放置在元素内部

另一种方法是扩展Highchart（与提供的演示类似），以更改设置了边框的单元格的大小，使其与没有边框的单元格位于同一位置。更多信息。
据我所知，这是此处描述的SVG元素的限制：据我所知，这是此处描述的SVG元素的限制：