indicators with reactjs

[bentobox]

we are using highstock with reactjs using following package: https://www.npmjs.com/package/highcharts-react-official

it is working nicely, we like that we can pass json objects just like it is documented in the demos, and don't have to use jsx tags. however the package probably doesn't include indicators module hence getting error "series type does not exist". need some help on how to integrate indicators in reactjs app. best would be code sample similar to that provided in the above page. thanks

[daniel_s]

hi bentbox,

Welcome on our forum, and appreciate you contacting us!
Here is the example (among the others) which shows how to use indicators with highcharts-react wrapper:
https://codesandbox.io/s/rmjw8347po

Hope it helps you.

Best regards!

[bentobox]

thanks for the standalone demo, i loaded following module and it worked nicely. tried 'sma' for now, will try other indicators in future.

require("highcharts/indicators/indicators")(Highcharts);

[greendo]

Hello, the codesandbox.io link above returns a 404. I have the same question about indicators. Could you repost the example code? Thanks.

[piotr.m]

Hi greendo,

Here you can find this example:
https://stackblitz.com/edit/react-6n8tup?file=index.js

There is a problem with CORS, it blocks data but the structure is preserved.
If we get data from a local file, it works fine:
https://stackblitz.com/edit/react-wy3qim?file=index.js

Let us know it will work for you!

Kind Regards

[greendo]

Thank you for the code example, I appreciate it. I haven't gotten it to work in my code yet, but the example is helpful. I'm using a class based component, not hooks. I'll see if I can reorganize my code a bit and get it working.

[piotr.m]

Sure, feel free to contact us if further needed.
Regards!

[godwynnn]

Any updated solution regarding this custom indicators, I'm trying to implement it on nextjs.

How do I add series for custom indicators to the chart

[dawid.d]

Hi godwynnn,

Welcome to our forum and thanks for the question!

Here you can find a demo with a linear regression custom indicator I ported to React:
https://codesandbox.io/p/sandbox/highch ... x%3A85%2C9

Hope it helps

Best regards,

[godwynnn]

Hi dawid for custom indicator with options like ma5,apo,willr,adx etc
Can linear regression handle it all
And how do I go about their various type?

[dawid.d]

Hello godwynn,

I responded here: viewtopic.php?p=195759#p195759

Best regards,