console.time('line');

Highcharts.chart('container', {
    chart: {
        zooming: {
            type: 'x'
        },
        panning: true,
        panKey: 'shift'
    },

    boost: {
        useGPUTranslations: true,
        seriesThreshold: 1
    },

    title: {
        text: 'Boost connectNulls: false'
    },

    tooltip: {
        valueDecimals: 2
    },

    series: [{
        lineWidth: 0.5,
        connectNulls: false,
        data: [
            [0, 1],
            [1, 5],
            [2, null],
            [3, 3],
            [4, 0]
        ]
    }]
});

Highcharts.chart('container-2', {
    chart: {
        zooming: {
            type: 'x'
        },
        panning: true,
        panKey: 'shift'
    },

    boost: {
        useGPUTranslations: true,
        seriesThreshold: 1
    },

    title: {
        text: 'Boost connectNulls: true'
    },

    tooltip: {
        valueDecimals: 2
    },

    series: [{
        lineWidth: 0.5,
        connectNulls: true,
        data: [
            [0, 1],
            [1, 5],
            [2, null],
            [3, 3],
            [4, 0]
        ]
    }]
});

console.timeEnd('line');
