JSFiddle - React, Tailwind, and code Playground

CanvasJS Basic StockChart | CanvasJS JavaScript StockChart

HTML

<script src="https://cdn.canvasjs.com/canvasjs.stock.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the StockChart -->
<div id="chartContainer" style="height: 450px; width: 100%;"></div>

JavaScript

var data = [
  {
    open: 1492.75,
    high: 1494.525,
    low: 1485.075,
    close: 1485.25,
    qty: 1089081,
    tradeTime: "10:29:59",
    tradeDate: "26/02/2024",
  },
  {
    open: 1485.3,
    high: 1487.5,
    low: 1482.5,
    close: 1485,
    qty: 1004240,
    tradeTime: "11:59:58",
    tradeDate: "26/02/2024",
  },
  {
    open: 1484.975,
    high: 1489,
    low: 1483.5,
    close: 1486.975,
    qty: 514847,
    tradeTime: "13:29:59",
    tradeDate: "26/02/2024",
  },
  {
    open: 1486.975,
    high: 1489.2,
    low: 1484.525,
    close: 1485.75,
    qty: 511629,
    tradeTime: "14:59:58",
    tradeDate: "26/02/2024",
  },
  {
    open: 1485.75,
    high: 1489.425,
    low: 1485.75,
    close: 1487.325,
    qty: 580720,
    tradeTime: "15:29:59",
    tradeDate: "26/02/2024",
  },
  {
    open: 1483.5,
    high: 1486.975,
    low: 1478.05,
    close: 1478.25,
    qty: 823939,
    tradeTime: "10:29:59",
    tradeDate: "27/02/2024",
  },
  {
    open: 1478.325,
    high: 1490,
    low: 1478.2,
    close: 1486.5,
    qty: 885895,
    tradeTime: "11:59:59",
    tradeDate: "27/02/2024",
  },
  {
    open: 1486.5,
    high: 1499.95,
    low: 1484.5,
    close: 1493.275,
    qty: 1319437,
    tradeTime: "13:29:58",
    tradeDate: "27/02/2024",
  },
  {
    open: 1493.65,
    high: 1496.45,
    low: 1480.575,
    close: 1487.35,
    qty: 1165016,
    tradeTime: "14:59:59",
    tradeDate: "27/02/2024",
  },
  {
    open: 1487.675,
    high: 1488.925,
    low: 1482.95,
    close: 1485.65,
    qty: 1187249,
    tradeTime: "15:29:59",
    tradeDate: "27/02/2024",
  },
  {
    open: 1482.8,
    high: 1491.275,
    low: 1480.5,
    close: 1482.7,
    qty: 734337,
    tradeTime: "10:29:54",
    tradeDate: "28/02/2024",
  },
  {
    open: 1482.7,
    high: 1483.275,
    low: 1457.825,
    close: 1461.175,
    qty: 990476,
    tradeTime: "11:59:58",
    tradeDate: "28/02/2024",
  },
  {
    open: 1461.175,
    high: 1466.4,
    low: 1452.825,
    close: 1459.725,
   ...