Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<div id="container"></div>

<select name="" id="select">
  <option value="data1">data 1</option>
  <option value="data2">data 2</option>
  <option value="data3">data 3</option>
</select>

JavaScript

const data = {
  data1: [
3, 5, 6, 64, 7
  ],

  data2: [
5, 8, 9, 4, 3
  ],

  data3: [
2, 6, 8, 0, 77
  ]
}


const chart = Highcharts.chart('container', {
  chart: {
    type: 'line'
  },
  series: [{
    data: data.data1
  }]
});

var select = document.getElementById('select');

select.addEventListener('change', function() {
  chart.series[0].update({
    data: data[this.value]
  });
});