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: 1,
            to: 2,
            breakSize: 1
        }],
        minorGridLineWidth: 1,
        minorGridLineColor: 'red',
        minorTickInterval: 0.1
    },
    series: [{
        gapSize: 1,
        data: (function () {
            const data = [];
            for (let i = 0; i < 3; i = i + 1) {
                data.push(i);
            }
            return data;
        }())
    }]
});