User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Highstock graph- outlineColor modification

Hi,

I checked the source code and found that it is possible to add a function responsible for animation, but this is a good task for a feature request and requires more implementation work.

Best regards
Sebastian Hajdus
Sebastian Hajdus
Highcharts Developer
AGustems
Posts: 3
Joined: Thu Feb 23, 2023 11:26 am

Re: Highstock graph- outlineColor modification

rafalS wrote: Tue Oct 23, 2018 9:58 am amdeshpande,

There is only one way to change navigator outline - wrapping function responsible for drawing it and changing its path.

jsFiddle: https://jsfiddle.net/BlackLabel/Lrgok19a/

I hope this is what you've been looking for.

Best regards!
This is exactly what I need too do, but I'm struggling in doing it with react. Could you give me some help?
kamil.k
Posts: 458
Joined: Thu Oct 06, 2022 12:49 pm

Re: Highstock graph- outlineColor modification

Hello There!

We recommend using our official React wrapper for React implementations: https://www.npmjs.com/package/highcharts-react-official. The important note about using it with the stock charts is the constructorType parameter that must be set as a stockChart. I've prepared an example of how to properly implement that based on the JS demo from the previous answer, take a look: https://codesandbox.io/s/highcharts-rea ... ked-6u81qq.

Note that I've used the useEffect hook to initialize the Highcharts drawOutline function override as it seems to be the most optimized way but you can freely use different approaches.

Let me know if you found it helpful in your case and if not, feel free to share the code you're struggling with,
Kind Regards!
Kamil Kubik
Highcharts Developer

Return to “Highcharts Stock”