Je355804
Posts: 17
Joined: Tue Oct 04, 2022 9:01 am

Custom stockTools GUI and Actions

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
Image demonstrating my highcharts, custom GUI desired location, and current default highcharts GUI
Highcharts Q.png (145.79 KiB) Viewed 2573 times
Je355804
Posts: 17
Joined: Tue Oct 04, 2022 9:01 am

Re: Custom stockTools GUI and Actions

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
highchartsq1.png (109.25 KiB) Viewed 2570 times
User avatar
dawid.d
Site Moderator
Posts: 1222
Joined: Thu Oct 06, 2022 11:31 am

Re: Custom stockTools GUI and Actions

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!
Dawid Draguła
Highcharts Developer
parvezshah
Posts: 4
Joined: Sun Aug 25, 2024 11:45 am

Re: Custom stockTools GUI and Actions

for the demo i am getting
>>Repository/Gist not found:

Is it possible to achieve the same functionality using an 'onclick' event on the 'Add Line' button, instead of relying on the navigation binding class?

Our use case involves a page with multiple Highcharts instances. We aim to create a single stock toolbar that users can interact with to control the selected chart.
andrzej.b
Site Moderator
Posts: 576
Joined: Mon Jul 15, 2024 12:34 pm

Re: Custom stockTools GUI and Actions

Hi,

Thanks for the question!
I've noticed that you've already posted this here: viewtopic.php?p=195978#p195978 . We work as a single support team across all channels so you will receive your answer there. Please try not to duplicate posts in the future. We respond on all channels within 48 hours.

Kind regards,
Andrzej
Highcharts Developer
Nehakumari
Posts: 13
Joined: Wed Mar 13, 2024 6:07 am
Location: INDIA
Contact: Website

Re: Custom stockTools GUI and Actions

I’m also working on customizing the Highcharts StockTools with React. How can I link specific actions like adding lines or annotations to my own buttons using onclick?
andrzej.b
Site Moderator
Posts: 576
Joined: Mon Jul 15, 2024 12:34 pm

Re: Custom stockTools GUI and Actions

Hi,

I believe you can find examples in this thread: viewtopic.php?p=195978#p195978
And check the documentation link from Dawid's reply above.

If anything else pops up, please let us know.

Kind regards,
Andrzej
Highcharts Developer
Nehakumari
Posts: 13
Joined: Wed Mar 13, 2024 6:07 am
Location: INDIA
Contact: Website

Re: Custom stockTools GUI and Actions

Thankyou for sharing this.

Return to “Highcharts Stock”