Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<div id="container"></div>
<label>
Series color:
<input id="changeColor" type="color" value="#55BF3B">
</label>

JavaScript

const chart = Highcharts.chart('container', {

  series: [{
  	color: '#55BF3B',
    data: [4, 3, 5, 6, 2, 3]
  }]
});

document.getElementById('changeColor').addEventListener('change', event => {
	chart.series[0].update({
  	color: event.target.value
  })
})