Highcharts Demo

author(s): Torstein Hønsi

by jpeter06

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>
<button id="setData">setData()</button>
<button id="update">update()</button>

JavaScript

function getNewData(amount) {
  const data = [];
  for (let i = 0; i < amount; i++) {
    const randomNumber = Math.round(Math.random() * 10);
    data.push(randomNumber);
  }

  return data;
}

const chart = Highcharts.chart('container', {
  series: [{
    data: [4, 3, 5, 6, 2, 3]
  }]

});


const setDataButton = document.querySelector('#setData');
setDataButton.addEventListener('click', () => {
  const series = chart.series[0];
  const newData = getNewData(6);
  chart.get("ganttSerie")
  series.setData(newData);
})

const updateButton = document.querySelector('#update');
update.addEventListener('click', () => {
	const series = chart.series[0];
  const newData = getNewData(6)
  series.update({
  	data: newData
  })
})