by Tahir
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,
...