javascript - Highcharts: some x-axis labels are disappearing after using setExtremes() -


i developing solution question here on stack overflow (see highcharts : selection) has simple slider elements (using input type="range") change categories shown in column chart. whenever user changes range in either slider element, chart redrawn using setextremes().

i noticed that, in instances, of x-axis labels disappeared, when moved sliders original positions. i've tinkered number of x-axis settings, including minpadding, startontick, , tickinterval, , none of them seem solve "the case of missing labels."

the first screenshot below shows chart when it's first loaded. of x-axis labels present.

enter image description here

the second screenshot below shows chart when change 1 of sliders. of x-axis labels missing. looks they're being staggered.

enter image description here

here's plot thickens: if adjust sliders other values, of labels come back:

enter image description here

here's fiddle developed can see live example of behavior: https://jsfiddle.net/brightmatrix/uvat8u05/

i'm curious know why happening, , settings use ensure x-axis labels shown, regardless of values user chooses in sliders.

thank much!

update: responses both max uppenkamp , grzegorz blachliƄski valid , helpful solutions. discovered chance explicitly setting slider values integers using parseint() solved issue well. helps in comparing both values make sure user doesn't choose end date earlier start date.

this seems intended behavior of highcharts, inconsistent may be.

according this should fixed in current versions of highcharts, might try tick formatter solution.

edit: if above doesn't work you, might able solve issue rotating labels: http://www.highcharts.com/demo/column-rotated-labels/grid


Comments

Popular posts from this blog

gridview - Yii2 DataPorivider $totalSum for a column -

java - Suppress Jboss version details from HTTP error response -

Sass watch command compiles .scss files before full sftp upload -