Large heatmap update

[fricna]

Hi,

I'm using the heatmap to render a spectrogram with nearly 1 million points (256x3700) and I'd like to be able to update it dynamically to improve loading as well as well live stream for real-time. Is this possible to do with delay < 1s? I've suspect that even updating a single point and calling chart.redraw() redraws the entire chart because it takes about 10s to complete. Is it possible to only re-render the points that have been updated?

Thanks!

[sebastian.h]

Hi,
Welcome to our forum and thanks for contacting us with your question.

There is a way how to achieve update only a single point and redraw all chart after later.

Code: Select all

  chart.series[0].data[0].update({
    y
  }, false);

Code: Select all

chart.redraw();

According to the documentation:

Whether to redraw the chart after the point is updated. If doing more operations on the chart, it is best practice to set redraw to false and call chart.redraw() after.

Demo:
https://jsfiddle.net/BlackLabel/9r7gbew4/

API References:
https://api.highcharts.com/class-refere ... int#update

Let me know what do you think about this solution.
Best regards.