JSFiddle - React, Tailwind, and code Playground

by ben551445

HTML

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

JavaScript

var dataPoints = [{x: new Date("2015-12-18"), y: Number(1098.92000), color:"black"},{x: new Date("2016-01-05"), y: Number(1108.69000), color:"black"},{x: new Date("2016-02-05"), y: Number(1049.54000), color:"black"},{x: new Date("2016-03-05"), y: Number(1086.43000), color:"black"},{x: new Date("2016-04-05"), y: Number(1082.49000), color:"black"},{x: new Date("2016-05-05"), y: Number(1087.35000), color:"black"},{x: new Date("2016-06-05"), y: Number(1128.41000), color:"black"},{x: new Date("2016-07-05"), y: Number(1124.32000), color:"black"},{x: new Date("2016-08-05"), y: Number(1143.52000), color:"black"},{x: new Date("2016-09-05"), y: Number(1161.40000), color:"black"},{x: new Date("2016-10-05"), y: Number(1133.55000), color:"black"},{x: new Date("2016-11-05"), y: Number(1085.22000), color:"black"},{x: new Date("2016-12-05"), y: Number(1053.40000), color:"black"},{x: new Date("2017-01-05"), y: Number(1107.74000), color:"black"},{x: new Date("2017-02-05"), y: Number(1107.94000), color:"black"},{x: new Date("2017-03-05"), y: Number(1149.68000), color:"black"},{x: new Date("2017-04-05"), y: Number(1172.40000), color:"black"},{x: new Date("2017-05-05"), y: Number(1218.13000), color:"black"},{x: new Date("2017-06-05"), y: Number(1243.21000), color:"black"},{x: new Date("2017-07-05"), y: Number(1182.82000), color:"black"},{x: new Date("2017-08-05"), y: Number(1167.27000), color:"black"},{x: new Date("2017-09-05"), y: Number(1137.10000), color:"black"},{x: new Date("2017-10-05"), y: Number(1167.26000), color:"black"},{x: new Date("2017-11-05"), y: Number(1182.57000), color:"black"},{x: new Date("2017-12-05"), y: Number(1174.87000), color:"black"},{x: new Date("2018-01-05"), y: Number(1189.45000), color:"black"},{x: new Date("2018-02-05"), y: Number(1131.82000), color:"black"},{x: new Date("2018-03-05"), y: Number(1113.82000), color:"black"},{x: new Date("2018-04-05"), y: Number(1135.52000), color:"black"},{x: new Date("2018-05-05"), y: Number(1136.93000),...