javascript - Highchart，一列作为另一列的背景

Question

代码是http://jsfiddle.net/M4FPz/

$(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 }]
});});

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

你能帮我吗？

提前致谢。

编辑:

好吧，this 上说明了错误的偏移量

编辑

根据@SebastianBochan的回答，解决方案是 this link 。另外，我的问题在 Highchart forum 上重复。

Answer 1

您通过参数禁用了分组，因此它被移动到最后一个元素。尝试禁用它

http://jsfiddle.net/M4FPz/2/