How to Update Live Data in Highcharts Angular

[guptamohit]

Hello,

We are trying to get Realtime candlestick charts using Highcharts Angular
However there doesn't seem and way to update candlesticks live in Highcharts Angular

There are many examples of pure javascript using addPoint and removePoint but in angular add point and removepoint doesn't work
How can we use addpoint method or remove point method in Angular.
Please provide demo

Example of what is want : https://jsfiddle.net/BlackLabel/uparh9xo/ this example implements same thing using javascript.
How do implement same using Highcharts Angular

[dominik.c]

Hello guptamohit!

We appreciate you reaching out to us!

To update the chart you can create an updateFlag and then create a function that will change elements of the chart in chartOptions. Here you've got an example demo: https://stackblitz.com/edit/highcharts- ... -to-update

Best regards!

[stoshb]

I am having issues trying to duplicate the code in my environment.

Is there a version of this code that works under Angular-16?

[dawid.d]

Hello stoshb,

Welcome to our forum and thanks for contacting us with your question!

This code also works on angular 16. If you have still problems with it, try to reproduce it in eg Stackblitz.

Demo: https://stackblitz.com/edit/highcharts- ... mponent.ts

I hope it was helpful
Best regards!