Highchart,一列作为另一个的背景

时间:2014-05-18 12:16:43

标签: javascript highcharts

代码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

上重复了

1 个答案:

答案 0 :(得分:1)

您已按参数禁用grouping,因此会将其移至最后一个元素。尝试禁用它

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