jquery - Highcharts tick interval positioning -


the tick intervals on graph not aligned graph lines, occurred when increased height of graph (which design requirement). i've read through , tried out highcharts tick positioner info isn't want, possible position numbers placed? need pushing align them.

here's screenshot:

edit

here's code on fiddle - sorry can't in running on there

i can't see on yaxis settings affecting

yaxis: { min: 0, labels: { format: '{value}%', style: { fontsize: 26, } }, gridlinecolor: '#f7a600', gridlinewidth: 2, tickinterval: tickintervalnumber, title: { text: '' },

i don't think if statement @ top affect either wrong

//tick inteval variable if (total > 200) { var tickintervalnumber = 200 / 4 } else { var tickintervalnumber = 100 / 4 }

enter image description here

without seing code, i'm not sure if problem, can adjust label positions relative tick lines follows:

yaxis: {         labels: {             align: 'right',             y:0         }     }, 

the 'y' options allows move labels up/down relative tick lines.

http://api.highcharts.com/highcharts#yaxis.labels


Comments

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -