JSFiddle - React, Tailwind, and code Playground

by sgearhart2

HTML

<script src="http://code.highcharts.com/stock/1.3.2/highstock.js"></script>
<script src="http://code.highcharts.com/stock/1.3.2/highcharts-more.js"></script>
<script src="http://code.highcharts.com/stock/1.3.2/modules/exporting.js"></script>
<script src="http://wes/global/scripts/jquery/highcharts/js/eia-theme.js"></script>

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

JavaScript

$(function () {
    $('#container').highcharts({
"credits" : {
			"text" : ""
		},
		"title" : {
			"text" : "Tanker Rates from Persian Gulf to Asia Test"
		},
		"xAxis" : [{"type":"datetime","ticknumbers":"1 month","showLastLabel":true,"title":{"text":"","style":{"color":"","fontWeight":"normal","fontSize":"16px"},"offset":28},"labels":{"format":"{value: %b}","style":{"color":"","fontWeight":"normal","fontSize":"16px"},"y":25,"x":-4},"tickPositions":[1388534400000,1391212800000,1393632000000,1396310400000,1398902400000,1401580800000,1404172800000,1406851200000,1409529600000,1412121600000,1414800000000,1417392000000]}],
		"yAxis" : [{"title":{"text":"","style":{"color":"","fontWeight":"normal","fontSize":"16px","marginTop":"-10px"}},"min":0,"max":80,"labels":{"style":{"color":"","fontWeight":"normal","fontSize":"16px"},"format":"{value:.0f}"}}],
		"legend" : {
			"enabled" : true,
			"backgroundColor" : "#FFF",
			"borderWidth" : 0,
			"itemStyle": {
				 "fontSize": "16px"
			}
		},

		"series" : [{"type":"line","name":"2014","xType":5,"yAxis":0,"data":[[1388534400000,38.56745],[1391212800000,39.05542],[1393632000000,23.83733],[1396310400000,20.8385],[1398902400000,14.71775],[1401580800000,18.94523],[1404172800000,32.73796],[1406851200000,30.99567],[1409529600000,19.07441],[1412121600000,32.49266],[1414800000000,45.23712],[1417392000000,65.19392]],"color":"#0096d7"},{"type":"line","name":"2015","xType":5,"yAxis":0,"data":[[1388534400000,71.30655],[1391212800000,56.03037],[1393632000000,48.25286],[1396310400000,59.60804],[1398902400000,68.2588]],"color":"#a33340"},{"type":"line","name":"average...