JSFiddle - React, Tailwind, and code Playground
by epoch
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-height: 400px; width: 800px"></div>
JavaScript
$(function () {
$('#container').highcharts({
chart: {
polar: false,
zoomType: "x",
defaultSeriesType: "column",
renderTo: "container"
},
credits: {
enabled: false
},
legend: {
itemStyle: {
width: "150px"
},
enabled: true,
align: "center",
layout: "horizontal",
verticalAlign: "top",
x: -10,
y: 15
},
plotOptions: {
area: {
borderWidth: 0
},
areaspline: {
borderWidth: 0
},
line: {
borderWidth: 0
},
pie: {
borderWidth: 0
},
series: {
borderWidth: 1
},
spline: {
borderWidth: 0
},
column: {
dataLabels: {
enabled: false,
align: "center",
rotation: 0.0
},
borderWidth: 0
},
bar: {
borderWidth: 0
}
},
series: [{
data: [{
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 0.0
}, {
"y": 666.0
}],
name: "Company"
}, {
data: [{
"y": 0.0
}, {
"y": 0.0
}, {
...