Javascript Highchart，一列作为另一列的背景

这是密码

如您所见，第三列（背景）的偏移量错误。它在“五月”栏中显示“四月”栏

你能帮我一下吗

提前谢谢

编辑：

嗯，图中显示了错误的偏移量

编辑

---

根据答案@SebastianBochan，解决方案是。另外，我的问题在您禁用分组时被参数复制了，所以它被移动到最后一个元素。尝试禁用它

---

这里有一个更新的提琴，代码实际上是可读的：是的，我理解你提到的行为。但是我需要最后一列（浅蓝色）在另一列后面。正如我在示例中所示（但偏移量是错误的）@Mark，抱歉误解，我已经更新了我的问题。谢谢您的评论。您可以尝试使用pointWidth并将backgorund系列放在第二位@塞巴斯蒂安·博坎，太好了！太完美了！非常感谢你。我只需要更改数组中序列的顺序。它是

$(function(){new Highcharts.Chart({
    chart: { renderTo:'shopperschart_container', height: 460, zoomType: 'xy' }, 
    credits: { enabled: false }, 
    title: { text: '' }, 
    xAxis: { categories: ['April - 2014', 'May - 2014'] }, 
    yAxis: [{ labels: { enabled: false, style: { color: '#89A54E' } }, min: 0, opposite: true, title: { style: { color: '#89A54E' }, text: '' } }, { gridLineWidth: 0, labels: { enabled: true, style: { color: '#4572A7' } }, min: 0, title: { style: { color: '#4572A7' }, text: 'Visitors' } }, { gridLineWidth: 0, labels: { enabled: false, style: { color: '#AA4643' } }, min: 0, opposite: true, title: { style: { color: '#AA4643' }, text: '' } }, { gridLineWidth: 0, labels: { enabled: false, style: { color: '#FF8B00' } }, min: 0, opposite: true, title: { style: { color: '#FF8B00' }, text: '' } }, { gridLineWidth: 0, labels: { enabled: true, style: { color: '#FF8B00' } }, min: 0, opposite: true, title: { style: { color: '#FF8B00' }, text: 'Mrm' } }], 
    series: [{ data: [160557, 33110], name: 'Input', stack: 'Input', type: 'column', yAxis: 1 }, { data: [174217, 34888], name: 'Output', stack: 'Output', type: 'column', yAxis: 1 }, { data: [235656, 1000417.0000], name: 'Mrm', type: 'column', yAxis: 4, color: 'rgba(30, 144, 255, .5)', zIndex:-1, grouping:false, pointPadding: 0.1, groupPadding: 0, borderWidth: 0 }]
});});