guptamohit
Posts: 3
Joined: Wed Nov 18, 2020 8:18 pm

How to Update Live Data in Highcharts Angular

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
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: How to Update Live Data in Highcharts Angular

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!
Dominik Chudy
Highcharts Developer
stoshb
Posts: 1
Joined: Tue Aug 15, 2023 3:48 pm

Re: How to Update Live Data in Highcharts Angular

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

Is there a version of this code that works under Angular-16?
User avatar
dawid.d
Posts: 755
Joined: Thu Oct 06, 2022 11:31 am

Re: How to Update Live Data in Highcharts Angular

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!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Stock”