Run results for: Highchart series setData vs update

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser: Chrome 118

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

setData

1K/s

update

60/s

View exact numbers

Test name	Executions per second
✓ setData	1,127 Ops/sec
update	60 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//code.highcharts.com/highcharts.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.24.1/ramda.min.js"></script>
<div id="chart" style="width: 500px; height: 500px"></div>

Script Preparation code:

var data = R.range(10000);
var newData = R.range(10000, 20000);

var chart = new Highcharts.Chart({
  chart: {
    renderTo: "chart",
  },  
});

var series = chart.addSeries({
  name: "Test",
  data: data,
});

Tests:

update
series.update({ data: newData });
setData
series.setData(newData);