Javascript Highcharts中的堆叠条形图需要单个边框

我得到了堆叠条形图中每个数据的边框

图表选项：

Highcharts.chart('container', {
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Stacked bar chart'
    },
    xAxis: {
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Total fruit consumption'
        }
    },
    legend: {
        reversed: true
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    series: [{
        name: 'John',
        data: [{
            y: 5,
          borderColor: 'red',
          borderWidth: 4
        }, 3, 4, 7, 2]
    }, {
        name: 'Jane',
        data: [{y: 2,
          borderColor: 'red',
          borderWidth: 4}, 2, 3, 2, 1]
    }, {[enter image description here][1]
        name: 'Joe',
        data: [{y: 3,
          borderColor: 'red',
          borderWidth: 4}, 4, 4, 2, 5]
    }]
});

我想要这样的东西

请帮助我使用正确的图表选项，该选项在酒吧周围提供了一个边框，而在每个酒吧周围没有多个边框

---

感谢并问候

如果您试图删除红色边框，以下是解决方案：

Highcharts.chart（'container'{
图表：{
类型：'bar'
},
标题：{
文本：“堆叠条形图”
},
xAxis：{
类别：[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯：{
分:0,，
标题：{
正文：“水果总消费量”
}
},
图例：{
对
},
打印选项：{
系列：{
堆叠：“正常”
}
},
系列：[{
姓名：'约翰'，
数据：[{
y:5，
边框宽度：1
}, 3, 4, 7, 2]
}, {
姓名：'简'，
数据：[{
y:2，
边框宽度：1}，2，3，2，1]
}, {
名字：'乔'，
数据：[{
y:3，
边框宽度：1}，4，4，2，5]
}]
});您可以添加带有边框的伪系列，并根据图表上的更改动态更新它，或者渲染自定义形状以模拟边框

    series: [..., {
        showInLegend: false,
        stacking: false,
        data: [10],
        grouping: false,
        color: 'transparent',
        borderWidth: 4,
        borderColor: 'red'
    }]


现场演示：

API参考：


你到底在寻找什么？嗨@Krishna Chaitanya，你想在一个酒吧里只设一个边界吗？示例：@marcelloperi请检查更新的问题。@ppotaczek检查更新的问题谢谢回复，请检查更新的问题。您好@ppotaczek，非常感谢您的回复。对于第一种方法，我如何解决这两个问题1。如何为第2列添加边框，即橙色2。Krishna Chaitanya的堆叠条形图缺少悬停效果，1。更改伪序列的
zIndex
属性。2.只需添加另一个数据点。例子：