Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<div id="container" style="height: 400px"></div>
<button id="button" class="autocompare">Hide series</button>

JavaScript

const chart = Highcharts.chart('container', {
  credits: {
    enabled: false,
  },
  title: null,
  xAxis: {
    title: 'Session',
    type: 'datetime',
    tickInterval: 3600 * 1000,
    gridLineWidth: 0
  },
  yAxis: {
    gridLineWidth: 0,
    lineWidth: 1,

    title: {
      text: 'Temperature',
    },
  },
  legend: {
    enabled: false,
  },
  plotOptions: {
    series: {
      marker: {
        enabled: false,
      },
    },
  },
  series: [{
    data: [
      [1369206795000, 1],
      [1369225421000, 3],
      [1369230934000, 2],
    ],
  }, ],

});

document.getElementById('button').addEventListener('click', e => {
  var series = chart.series[0];
  if (series.visible) {
    series.hide();
    e.target.innerHTML = 'Show series';
  } else {
    series.show();
    e.target.innerHTML = 'Hide series';
  }
});