JSFiddle - React, Tailwind, and code Playground
by epoch
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="graph-container"></div>
JavaScript
$(function() {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
exporting: {
buttons: {
exportButton: {
menuItems: null
},
printButton: {
enabled: false
}
}
},
"chart": {
"zoomType": "x",
"marginRight": 200,
"height": 500,
"defaultSeriesType": "areaspline",
"marginLeft": 100,
"marginTop": 25,
"renderTo": "graph-container"
},
"credits": {
"enabled": false
},
"legend": {
"itemStyle": {
"width": "20px"
},
"enabled": true,
"align": "right",
"layout": "vertical",
"verticalAlign": "top",
"x": -10,
"y": 30
},
"plotOptions": {
"area": {
"borderWidth": 0
},
"areaspline": {
"stacking": "normal",
"borderWidth": 0
},
"line": {
"borderWidth": 0
},
"pie": {
"borderWidth": 0
},
"series": {
"borderWidth": 1
},
"spline": {
"borderWidth": 0
},
"column": {
"borderWidth": 0
},
"bar": {
"borderWidth": 0
}
},
"series": [{
"data": [{
"y": 0.0},
{
"y": 0.0},
{
...