Highcharts Demo

author(s): Torstein Hønsi

by Abhishek Garg

HTML

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


</script>
<div id="container" style="height: 100%; overflow: 'hidden'; width: '100px'"></div>

JavaScript

fetch("https://www.highcharts.com/samples/data/aapl-c.json")
  .then(data => data.json())
  .then(data => {
    Highcharts.stockChart('container', {
    chart:{
    type: 'candlestick',
     inverted: true,
    },
    scrollbar: { enabled: false },
      tooltip: {
        enabled: false
      },

      credits: {
        enabled: false
      },

      yAxis: {
        height: 0,
        gridLineWidth: 0,
        labels: {
          enabled: false
        }
      },

      xAxis: {
        lineWidth: 0,
        tickLength: 0,
        labels: {
          enabled: false
        }
      },
			rangeSelector:{
      enabled: false
      },
      series: [{
        lineWidth: 0,
        marker: {
          enabled: false,
          states: {
            hover: {
              enabled: false
            }
          }
        },
        data: data,
      }]
    });
  })