I am plotting a highchart based chart. I have 3 attributes: salary, person phone number (cardinality 1000) and person's state (cardinality 10).
Y Axis: Salary, Every Legend: Different Color
So here is the problem: When I have phone number as X axis and state as legend, the charts renders almost immediately. But when I have state as x-axis and phone number as legend (all with unique color), the chart takes around 10 sec and entire browser freezes till then (Chrome).
I was wondering what's the reason for this? Is this expected behavior? If yes, what's the reason? If not, what can I do in Javascript/otherwise to address this issue?
EDIT:
I also tried disabling animation as per Highcharts recommendations. This did not have any effect.