Highcharts Demo

author(s): Torstein Hønsi

by maritavindedal

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/broken-axis.js"></script>

<div id="container"></div>

CSS

#container {
    height: 400px;
}

JavaScript

Highcharts.chart('container', {
  title: {
    text: 'Sample of a simple break'
  },
  subtitle: {
    text: 'Line should be interrupted between 5 and 10'
  },
  xAxis: {
    tickInterval: 1,
    breaks: [{
      from: 5,
      to: 10,
      breakSize: 1
    }],
    minorGridLineWidth: 1,
    minorGridLineColor: 'red',
    minorTickInterval: 0.1,
  },
  series: [{
    gapSize: 1,
    data: (function() {
      const data = [];
      for (let i = 0; i < 20; i = i + 1) {
        data.push(i);
      }
      return data;
    }())
  }]
});