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
Source
picture Rahza

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/

pawelfus picture pawelfus on 6 Mar 2017
👍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/

Rahza picture Rahza on 23 Mar 2017

Yes, that can also be changed by animationLimit.

pawelfus picture pawelfus on 23 Mar 2017
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

madreason picture madreason  ·  3Comments
Dunge picture Dunge  ·  3Comments
fedegara picture fedegara  ·  3Comments
ppotaczek picture ppotaczek  ·  3Comments
jocage picture jocage  ·  3Comments