Highcharts Demo

author(s): Torstein Hønsi

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,
      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';
    }
});