Javascript 将条形图与负堆栈对齐

这是我正在使用的highchart图表。然而，我希望男性酒吧从左边开始，女性酒吧从右边开始。不是从中间

---

它看起来就像是两张相邻的图表。检查下面发布的演示和代码

Highcharts.chart（'container1'{
图表：{
类型：'bar'
},
标题：{
文本：“”
},
学分：{
已启用：false
},
系列：[{
数据：[
439,
525,
571,
696,
970,
119,
137,
154
]
}],
});
海图。海图（'container2'{
图表：{
类型：'bar'
},
标题：{
文本：“”
},
xAxis：{
可见：假
},
亚克斯：{
对
},
系列：[{
颜色：“红色”，
数据：[
239,
505,
511,
596,
270,
199,
167,
224
]
}],
});
#容器1{
浮动：左；
宽度：50%；
}
#集装箱2{
宽度：50%；
}


 xAxis: [{
    categories: categories,
    reversed: false,
    labels: {
        step: 1
    }
}, { // mirror axis on right side
    opposite: true,
    reversed: false,
    categories: categories,
    linkedTo: 0,
    labels: {
        step: 1
    }
}],
yAxis: {
    title: {
        text: null
    },
    labels: {
        formatter: function () {
            return Math.abs(this.value) + '%';
        }
    }
},

plotOptions: {
    series: {
        stacking: 'normal'
    },
    bar : {

    }
},