JSFiddle - React, Tailwind, and code Playground

by Vignesh Gopalakrishnan

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; max-width: 600px; margin: 0 auto"></div>

JavaScript

$(function () {

    $(document).ready(function () {
var start = new Date().getTime();
        // Build the chart
        $('#container').highcharts({
	"chart": {
		"options3d": {
			"alpha": 45,
			"beta": 0
		},
		"type": "pie",
		"className": "",
		"marginBottom": null,
		"marginLeft": null,
		"marginRight": null,
		"marginTop": null,
		"spacingBottom": null,
		"spacingLeft": null,
		"spacingRight": null,
		"spacingTop": null,
		"events": {},
		"ignoreHiddenSeries": true,
		"plotShadow": false,
		"reflow": true,
		"shadow": false,
		"resetZoomButton": {
			"position": {
				"align": "",
				"relativeTo": "",
				"verticalAlign": ""
			},
			"theme": {
				"fill": "",
				"r": 0,
				"style": {
					"color": ""
				},
				"states": {
					"hover": {
						"fill": "",
						"style": {
							"color": ""
						}
					}
				}
			}
		},
		"backgroundColor": "",
		"borderColor": "",
		"borderRadius": 0,
		"borderWidth": 1,
		"plotBackgroundColor": "#FFFFFF",
		"plotBackgroundImage": "",
		"plotBorderColor": "",
		"plotBorderWidth": 0
	},
	"title": {
		"align": "center",
		"floating": false,
		"margin": 35,
		"text": "Chart Title",
		"verticalAlign": null,
		"style": {
			"color": "#333333",
			"fontWeight": "normal",
			"textDecoration": "normal",
			"fontSize": "18px",
			"fontFamily": "Lucida Grande,Lucida Sans Unicode, Arial, Helvetica, sans-serif",
			"display": "block"
		}
	},
	"subtitle": {
		"align": "center",
		"floating": false,
		"text": "Chart Subtitle",
		"verticalAlign": null,
		"style": {
			"color": "#555555",
			"fontWeight": "normal",
			"textDecoration": "normal",
			"fontSize": "12px",
			"fontFamily": "Lucida Grande,Lucida Sans Unicode, Arial, Helvetica, sans-serif",
			"display": "block"
		}
	},
	"credits": {
		"enabled": false,
		"href": "http://www.visualbi.com",
		"position": {
			"align": "right",
			"verticalAlign": "bottom",
			"x": 0,
			"y": 0
		},
		"text": "VisualBI Solutions",
		"style": {
			"color": "#000000",
			"fontFamily":...