JSFiddle - React, Tailwind, and code Playground

by Anil Vangari

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="width: 600px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
  "title": {
    "floating": false,
    "text": null
  },
  "yAxis": {
    "title": {
      "text": "Std Dev from Average",
      "style": {
        "fontWeight": "bold"
      }
    },
    "dateTimeLabelFormats": {},
    "labels": {
      "enabled": true,
      "style": {
        "fontWeight": "bold",
        "color": "#000000"
      },
      "autoRotation": [-45]
    },
    "lineWidth": 1.0,
    "tickWidth": 1.0,
    tickInterval: 2.5,
    gridLineWidth: 0
  },
  "xAxis": {
    "type": "datetime",
    "title": {
      "text": null,
      "style": {}
    },
    "dateTimeLabelFormats": {},
    "labels": {
      "enabled": true,
      "style": {
        "fontWeight": "bold",
        "color": "#000000"
      },
      "autoRotation": [-45]
    },
    "lineWidth": 1.0,
    "tickWidth": 1.0,
    gridLineWidth: 0
  },
  "series": [{
    "name": "VIX (%)",
    "data": [
      [1096502400000, -0.9545525],
      [1099180800000, -0.5779018],
      [1101772800000, -0.9674075],
      [1104451200000, -0.96098],
      [1107129600000, -1.0213984],
      [1109548800000, -1.1165252],
      [1112227200000, -0.8671387],
      [1114819200000, -0.7013095],
      [1117497600000, -0.96098],
      [1120089600000, -1.1216672],
      [1122768000000, -1.1820856],
      [1125446400000, -1.0496793],
      [1128038400000, -1.1370932],
      [1130716800000, -0.700024],
      [1133308800000, -1.1190962],
      [1135987200000, -1.1178107],
      [1138665600000, -1.0046869],
      [1141084800000, -1.0831023],
      [1143763200000, -1.2052245],
      [1146355200000, -1.1795146],
      [1149033600000, -0.5560483],
      [1151625600000, -0.9879755],
      [1154304000000, -0.7475874],
      [1156982400000, -1.0869588],
      [1159574400000, -1.1293802],
      [1162252800000, -1.2425039],
      [1164844800000, -1.2669284],
      [1167523200000, -1.1833711],
      [1170201600000, -1.3299178],
      [1172620800000, -0.6871691],
      [1175299200000, -0.7874379],
     ...