Highcharts: setExtreme animation glitch with many categories

Created on 6 Mar 2017  ·  3Comments  ·  Source: highcharts/highcharts

I have a chart with many categories and wanted to use the x axis min/max properties to only display only a couple of categories at a time and allow the user to scroll the chart with two buttons.

Expected behaviour

Smooth animation: http://jsfiddle.net/qvm0ba48/
Click left/right button to scroll

Actual behaviour

With many categories, the same chart will have a glitched animation when clicking the scroll buttons:
http://jsfiddle.net/zu5qejfd/

Affected browser(s)

Tested in Chrome 56

Not a bug

All 3 comments

Hi @Rahza

This is caused by series.cropThreshold. You can increase that value (e.g. 100) to get all points rendered.

Demo: http://jsfiddle.net/zu5qejfd/1/

Hi @pawelfus

Increasing cropThreshold solved the problem for charts with a few series. However, it doesn't seem to work with many series - is this intended?

Demo: http://jsfiddle.net/eyyo4rry/

Yes, that can also be changed by animationLimit.

Was this page helpful?
0 / 5 - 0 ratings