Highcharts Demo

author(s): Torstein Hønsi

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>

JavaScript

$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=new-intraday.json&callback=?', function(data) {

  // create the chart
  Highcharts.stockChart('container', {
    xAxis: {
      crosshair: false,
      gridLineColor: 'rgba(200,10,10,0.3)',
      gridLineWidth: 1,
      labels: {
        style: {
          'color': '#788d9e'
        }
      },
      lineColor: null,
      tickWidth: 0
    },
    yAxis: {
      crosshair: false,
      gridLineColor: 'rgba(200,10,10,0.3)',
      gridLineWidth: 1,
      labels: {
        style: {
          'color': '#788d9e'
        }
      },
      lineColor: null,
      tickWidth: 0
    },
    series: [{
      type: 'candlestick',
      data: data,
    }]
  });
});