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

How to Update Live Data in Highcharts Angular

Thu Apr 29, 2021 3:44 pm


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 : this example implements same thing using javascript.
How do implement same using Highcharts Angular

Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: How to Update Live Data in Highcharts Angular

Fri Apr 30, 2021 7:51 am

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: ... -to-update

Best regards!
Dominik Chudy
Highcharts Developer

Posts: 1
Joined: Tue Aug 15, 2023 3:48 pm

Re: How to Update Live Data in Highcharts Angular

Tue Aug 15, 2023 3:51 pm

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

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

Posts: 706
Joined: Thu Oct 06, 2022 11:31 am

Re: How to Update Live Data in Highcharts Angular

Wed Aug 16, 2023 3:14 pm

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: ... mponent.ts

I hope it was helpful
Best regards!

Return to “Highcharts Stock”