Highcharts Demo

author(s): Torstein Hønsi

by Arvind Pal

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://code.highcharts.com/stock/modules/export-data.js"></script>


<div id="container" style="height: 400px"></div>

JavaScript

$.getJSON('https://www.highcharts.com/samples/data/aapl-v.json', function (data) {
	data = [
    [
        1544452200000,
        62026000
    ],
    [
        1544538600000,
        47281700
    ],
    [
        1544625000000,
        35627700
    ],
    [
        1544711400000,
        31898600
    ],
    [
        1544797800000,
        40703700
    ],
    [
        1545057000000,
        43336600
    ]
]
    // create the chart
    Highcharts.stockChart('container', {
        chart: {
            alignTicks: false
        },

        rangeSelector: {
           // selected: 1,
            enabled:false
        },
				xAxis:{ 
        type:"category",
				          min: 0,
				          max: 2 ,
                  categories: ['Apples', 'Bananas', 'Oranges']
				        }, 
        title: {
            text: 'AAPL Stock Volume'
        },
				navigator: {
        enabled: false
      },
        series: [{
        data: [
            ["a", 345],
            ["b", 35], 
            ["c", 644], 
            ["d", 325] 
        ],
        type: 'column'
    }]
    });
});