Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

const zero = {
  y:0, 
  marker:{
    states:{
      hover:{
        enabled:false
      }
    }
  }
};

Highcharts.chart('container', {
  chart: {
    type: 'areaspline'
  },
  series: [{
    marker: {
      enabled: false,
      states: {
        hover: {
          enabled: true
        }
      }
    },
    data: [3, zero, 3, 5, zero, zero, 12]
  }]
});