javascript - Highchart, One column as background for another -


there code 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 }] });}); 

as can see, there wrong offset third column (background). shows 'april' column in 'may' column.

could pleas me ?

thanks in advance.

edit:

well, wrong offset illustrated on this

edit

according answer @sebastianbochan, solution this link. question duplicated on highchart forum

you disabled grouping, parameter moved last element. try disable

http://jsfiddle.net/m4fpz/2/


Comments

Popular posts from this blog

how to proxy from https to http with lighttpd -

android - Automated my builds -

python - Flask migration error -