JSFiddle - React, Tailwind, and code Playground

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
		var mychart={
               "chart": {
                              "backgroundColor": "rgba(255,255,255,0)",
                              //"reflow": false,
                              "height": 656,
                              "width": 1033,
                   "alignTicks":true,
                              //"plotBackgroundColor": "rgba(255,255,255,0)",
                              "zoomType": "xy",
                   /*"resetZoomButton": {
                       "theme": {
                           "fill": "#ffffff",
                           "stroke": "#0000ff",
                           "r": 0,
                           "style": {
                                                                           "color": "#0000ff",
                                                                           "cursor": "pointer",
                                                                           "fontSize": "0.714rem",
                                                                           "fontFamily": "Lucida Sans Unicode"
                           },
                           "states": {
                               "hover": {
                                   "fill": "#003ce1",
                                   "style": {
                                                                                                         "color": "#ffffff"
                                   }
                               }
                           }
                       }
                   },
                              "options3d": {
                                             "enabled": false
                              },*/
                              "renderTo": {},
                              "events": {}
               },
               "title": {
                              "text": null
               },
               /*"tooltip": {
                              "enabled": true,
                          ...