0

I am using highchart with Angular. I have this ui in screen :

enter image description here

Left Side : stock tool's custom buttons written in angular component.

Right Side: multiple instance of charts.

User can select any one chart and click on custom stock tools button to add some annotations on selected chart.

I don't want to use stock tool's inbuilt buttons. instead I want to add single tollbar with those buttons which are same in stock tools. and want to trigger those function from library that was calling on stock tool's button click.

Anyone know how can I achieve this using angular ?

Improve this question
3
  • Please be more specific about the problem you're facing. You just need to create a toolbar that'll use Highcharts method like chart.addSeries, chart.update or chart.addAnnotation. Example demo in pure js: jsfiddle.net/BlackLabel/qapnmj73 Commented Jan 8 at 12:34
  • I want to trigger stock tool bar's button's internal api function on my custom button. so behavious should be same as stock tools. user should enable draw mode by clicking custom button same as clicking stock tool's add shape button Commented Jan 11 at 9:14
  • There's no internal stock tools api. You can use the stock tools module or implement one on your own. Docs: highcharts.com/docs/stock/stock-tools and highcharts.com/docs/advanced-chart-features/annotations-gui Commented Jan 14 at 11:16
Related questions
1
How can I change icon of the custom stock-tool button on click event?
0
Highchart Stock gui does not work in Angular 8
0
Stock tools interacting with another chart/component
Load 6 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.