Remove previous rendered data

[ronakdiyora]

I am using highstock chart in angular and I want to flush the previous data and show my custom label like "Data is not available".

Please help me to flush previous/past data.

[mateusz.b]

Hello ronakdiyora,

Thanks for contacting us with your question.

To remove your previous chart data, you can use chart.update() method. When it comes to displaying a message when no data is available, there is no-data-to-display module, which does it for you.
Demo: https://jsfiddle.net/BlackLabel/3vdqu8ow/
API reference: https://api.highcharts.com/class-refere ... art#update,
https://api.highcharts.com/highcharts/noData

Let me know if that was what you were looking for!
Best regards!

[ronakdiyora]

Hello mateusz.b,

Thanks for the response. I do not want show graph whenever "Data is not available".
Totally remove the graph from ui.

[mateusz.b]

Hello ronakdiyora,

I thought you want to remove only previous chart data, not entire chart. In this case, here's a simple demo showing how to do something like that in angular: https://stackblitz.com/edit/highcharts- ... ine-gjrnfn
API reference: https://api.highcharts.com/class-refere ... rt#destroy

Let me know if that was what you were looking for!
Best regards!

[ronakdiyora]

Hello mateusz.b,

Thanks a lot for the help. I will do it as per the different scenario.

[mateusz.b]

You're welcome! In case of any further questions, feel free to contact us again.