HelloWorld - Basic chart

This is the jsfiddle implementation of helloworld.html

by sonylnagale

HTML

<link rel="stylesheet" href="https://jsfiddle.chartiq.com/chart/css/stx-chart.css">
<div class="chartContainer" style="width:100%;height:400px;position:relative;"></div>

<script src="https://jsfiddle.chartiq.com/chart/js/chartiq.js"></script>

JavaScript

const data = [
  {
    "DT": "2018-08-06T04:00:00.000Z",
    "Open": 100.16,
    "High": 100.44,
    "Low": 99.59,
    "Close": 100,
    "Volume": 60544211,
    "Date": "20180806000000000"
  },
  {
    "DT": "2018-08-07T04:00:00.000Z",
    "Open": 100.27,
    "High": 100.75,
    "Low": 99.92,
    "Close": 100.16,
    "Volume": 43767124,
    "Date": "20180807000000000"
  },
  {
    "DT": "2018-08-08T04:00:00.000Z",
    "Open": 100.29,
    "High": 100.54,
    "Low": 99.59,
    "Close": 99.75,
    "Volume": 61309635,
    "Date": "20180808000000000"
  },
  {
    "DT": "2018-08-09T04:00:00.000Z",
    "Open": 98.83,
    "High": 99.75,
    "Low": 98.74,
    "Close": 98.97,
    "Volume": 60711094,
    "Date": "20180809000000000"
  },
  {
    "DT": "2018-08-10T04:00:00.000Z",
    "Open": 99.37,
    "High": 99.6,
    "Low": 98.62,
    "Close": 99.53,
    "Volume": 63311276,
    "Date": "20180810000000000"
  },
  {
    "DT": "2018-08-13T04:00:00.000Z",
    "Open": 98.07,
    "High": 98.91,
    "Low": 97.81,
    "Close": 98.79,
    "Volume": 60546752,
    "Date": "20180813000000000"
  },
  {
    "DT": "2018-08-14T04:00:00.000Z",
    "Open": 99.38,
    "High": 100.21,
    "Low": 99.11,
    "Close": 99.76,
    "Volume": 46626843,
    "Date": "20180814000000000"
  },
  {
    "DT": "2018-08-15T04:00:00.000Z",
    "Open": 100.18,
    "High": 100.97,
    "Low": 99.93,
    "Close": 100.49,
    "Volume": 49724737,
    "Date": "20180815000000000"
  },
  {
    "DT": "2018-08-16T04:00:00.000Z",
    "Open": 100.75,
    "High": 101,
    "Low": 99.99,
    "Close": 100.46,
    "Volume": 50934475,
    "Date": "20180816000000000"
  },
  {
    "DT": "2018-08-17T04:00:00.000Z",
    "Open": 99.54,
    "High": 99.74,
    "Low": 98.53,
    "Close": 99.52,
    "Volume": 62007439,
    "Date": "20180817000000000"
  },
  {
    "DT": "2018-08-20T04:00:00.000Z",
    "Open": 99.29,
    "High": 100.3,
    "Low": 99.06,
    "Close": 99.62,
    "Volume": 53998786,
    "Date": "20180820000000000"
  },
  {
 ...