Custom stockTools GUI and Actions

[Je355804]

Hello, below is an image of my highcharts and an illustration of what I am attempting to do.

My goal is to put the highcharts stockTools "actions" into a custom made button (not seen in this picture), using react.

I'd like to create my own button and symbols for all the highcharts stockTools and have these initialize when clicking on my custom button. I cannot find a way to pass the stockTools actions into a custom gui interface. It seems to be directly linked to the premade GUI.

I was wondering if someone knows if it is possible to do this, or if the default GUI is fixed?

Image demonstrating my highcharts, custom GUI desired location, and current default highcharts GUI

Highcharts Q.png (145.79 KiB) Viewed 596 times

[Je355804]

This is a better example of what I am trying to do - I cannot seem to get the functionality to work with react, however.

highchartsq1.png (109.25 KiB) Viewed 593 times

[dawid.d]

Hello,

Thanks for contacting us with your question!

The stock tools GUI buttons are built into the default bar, but you can add their functionality programmatically to custom buttons, as in the demo below.

Demo: https://jsfiddle.net/gh/get/library/pur ... stom-popup

You can read more about the stock tools here: https://www.highcharts.com/docs/stock/stock-tools

I hope you will find it useful
Best regards!