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

// Declare a CIQ.ChartEngine object.
// This is the main object for drawing charts.
// Here is where you set all required defaults.


const data = [{
    "_id": "5944b7a0-e407-4ce6-864e-444e821f346c",
    "Date": "2001-04-22T07:00:00.000Z",
    "MsgType": 9,
    "SecurityID": "5c733c7b-220b-431b-859d-fd3b2b73df85",
    "Value": 6.74,
    "Currency": "EUR",
    "Broker": "Broker1"
  },
  {
    "_id": "3a21aff9-1ebf-47e6-96a6-e5ad7b184b5d",
    "Date": "2001-04-23T07:00:00.000Z",
    "MsgType": 5,
    "SecurityID": "bfb697db-5499-4220-968b-4acf779b0c85",
    "Value": 60.19,
    "Currency": "EUR",
    "Broker": "Broker1"
  },
  {
    "_id": "1b468f0c-7a84-4f9b-a489-2d4ba9a5ec4c",
    "Date": "2001-04-24T07:00:00.000Z",
    "MsgType": 7,
    "SecurityID": "68109b29-715d-49b7-88a7-15828698fb07",
    "Value": 125.83,
    "Currency": "EUR",
    "Broker": "Broker1"
  },
  {
    "_id": "785f42da-2f00-48f2-a30d-867746b66e52",
    "Date": "2001-04-25T07:00:00.000Z",
    "MsgType": 5,
    "SecurityID": "2998820b-43ae-48af-b43b-336f2b82d755",
    "Value": 141.86,
    "Currency": "EUR",
    "Broker": "Broker1"
  },
  {
    "_id": "2cd3960f-0f21-454a-90db-c48e087d12bc",
    "Date": "2001-04-26T07:00:00.000Z",
    "MsgType": 7,
    "SecurityID": "bfca2509-d75e-4d28-a1b5-03ded4f036d2",
    "Value": 9.8,
    "Currency": "EUR",
    "Broker": "Broker1"
  },
  {
    "_id": "49c46f23-384f-49e6-aea0-4b34dbac21ae",
    "Date": "2001-04-27T07:00:00.000Z",
    "MsgType": 5,
    "SecurityID": "59a2f87f-bf36-4578-87a6-f31f276c5c4a",
    "Value": 29.96,
    "Currency": "EUR",
    "Broker": "Broker1"
  },
  {
    "_id": "47e55c8b-5859-4261-9e3a-313e96e2c3b7",
    "Date": "2001-04-28T07:00:00.000Z",
    "MsgType": 7,
    "SecurityID": "9b9bac1e-7565-47ee-a9fa-80a5cc0de60f",
    "Value": 94.82,
    "Currency": "EUR",
    "Broker": "Broker1"
  },
  {
    "_id": "a36f3422-926b-43fa-810f-252d28279730",
    "Date": "2001-04-29T07:00:00.000Z",
    "MsgType": 10,
    "SecurityID":...