Highcharts Demo

author(s): Torstein Hønsi

by valk

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div id="container" style="height: 400px; min-width: 310px"></div>

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>

JavaScript

$.getJSON('https://cdn.rawgit.com/highcharts/highcharts/v6.0.4/samples/data/new-intraday.json', function (data) {

    data = $.map(data, function(d) {
      return [[d[0], d[1]]];
    });
    console.log(data[0]);
    var data2 = [], data3 = [];
    var d = data[0].slice();
    var d2 = data[data.length -1];
    d[0] -= 36e5 * 5 * 25;
    console.log(data[0]);
    d2[0] += 36e5 * 5 * 25;
    data2.push(d);
    console.log(data2[0]);
    data3.push(d2);
    
    // create the chart
    var chart = Highcharts.stockChart('container', {


        title: {
            text: 'AAPL stock price by minute'
        },

        subtitle: {
            text: 'Using explicit breaks for nights and weekends'
        },

        xAxis: {
            ordinal: false,
            
        },

        rangeSelector: {
            buttons: [{
                    count: 30,
                    type: 'minute',
                    text: '30M'
                },{
                    count: 1,
                    type: 'hour',
                    text: '1H'
                }, {
                type: 'all',
                count: 1,
                text: 'All'
            }],
            selected: 1,
            inputEnabled: true
        },

        series: [{
            name: 'AAPL',
            type: 'area',
            data: data,
            gapSize: 0,
            tooltip: {
                valueDecimals: 2
            },
            fillColor: '#79f',
            threshold: null
        },
        {
           data: data2
        },
        {
           data: data3
        }]
    });
    debugger
    chart.xAxis.breaks = [
             { // Nights
                breakSize: 0,
                from: Date.UTC(2011, 9, 6, 16),
                to: Date.UTC(2011, 9, 7, 8),
                repeat: 24 * 36e5
            },  
            { // Weekends
                from: Date.UTC(2011, 9, 7, 16),
                to: Date.UTC(2011, 9, 10, 8),
                repeat: 7 * 24 * 36e5
       ...