Highcharts Demo

author(s): Torstein Hønsi

by HemalathaThanigaivel

HTML

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

<div id="container"></div>
<button id='btn'>
Add series with a new axis
</button>

CSS

#container {
	min-width: 310px;
	max-width: 800px;
	height: 400px;
	margin: 0 auto
}

JavaScript

const chart = Highcharts.chart('container', {
  xAxis: {
    type: 'datetime'
  },
  series:[]
});

btn.onclick = (() => {
  let i = -1
  
  return () => {
    const axisId = 'yaxis-' + (++i)
  
    chart.addAxis({
      id: axisId
    }, false)
    
    chart.addSeries({
      yAxis: axisId,
      data: [Math.pow(i, 10)]
    })
  }
})()