JSFiddle - React, Tailwind, and code Playground
by H17737
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="kpi_graph" style="min-width: 400px; height: auto; margin: 0 auto"></div>
JavaScript
$(function () {
var slidingGraph = new Highcharts.Chart({
chart: {
type: 'spline',
renderTo: 'kpi_graph',
marginRight: 0,
marginLeft: 18,
marginBottom: 25,
backgroundColor:'rgba(255, 255, 255, 0.1)'
},
title: {
text: null
},
credits: {
enabled: false
},
exporting: {
buttons: {
printButton:{
enabled:false
},
exportButton: {
enabled:false
}
}
},
xAxis: {
min:-0.03,
gridLineWidth:0,
tickWidth: 0,
lineWidth:0,
plotLines: [{
value: 0,
width: 3,
color: '#000',
label:{
text: 'Turnover',
align:'center',
verticalAlign:'middle',
rotation:270,
// y:26,
x:-6,
style: {
color: '#777',
fontWeight: 'regular',
fontSize: '18px',
}
}
}],
title:{
text: null
},
labels: {
enabled: false
}
},
yAxis: {
min:0,
allowDecimals: true,
gridLineWidth: 0,
title: {
text:null
},
plotLines: [{
value: 0,
width: 3,
color: '#000',
...