Hi,
Thank you for all your prompt responses.
I want to continue this thread as i have a problem after applying the solution suggested in the thread, which is using the highcharts from js folder for my export to have proper color.
So after started using this export works fine. But i have an additional functionality in my application where i override the colors set by default in css by setting the color attribute in the options.Like this fiddle example:
https://jsfiddle.net/banupriya_d/kbn025g9/4/
But when i started using the highcharts from js file the colors are no longer overiden.
Fiddle example:
https://jsfiddle.net/banupriya_d/Lh9u5vj0/2/
I understood that the styled mode only supports styles using css and we need to use className property to override the default styles.
But i cannot create predefined classes as the colors are dynamic and each chart can have a different color profile and user can change the colors anytime. So className does not work for me.
Since i am loosing this functionality i would like to switch back to normal mode ( non styled mode), so i will not refer highcharts from js folder. But still i have to use css to have my default styles. This still will be shared across many applications. Also i will be able to override the colors by setting in the options as in my first example. What i would like to know is, is there any possibility for the export to have same colors as displayed with the mentioned set up. I see that in styled mode presentation code is removed. Will i be able to achieve this in normal mode? Or any other alternate for me to get the exported colors right in normal mode.
If there is no solution as of now, can we raise a issue to get this addressed? The issue is in high charts non-styled mode the color that appears in screen does not match with the colors in the exported file when using css for default styling.