JSFiddle - React, Tailwind, and code Playground
by dolanmiu
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="experienceChart"></div>
JavaScript
var printableChart = false;
var chartLeftSpace = (printableChart ? 100 : 0);
var chart;
$(document).ready(function() {
experienceChart = new Highcharts.Chart({
chart: {
renderTo: 'experienceChart',
borderWidth: 0,
borderRadius: 0,
animation: true,
width:100,
height: 623,
spacingTop:0,
spacingBottom:0,
spacingLeft:0,
marginTop:0,
marginBottom:0,
marginLeft:chartLeftSpace
},
credits: {
enabled: false
},
title: {
text: null
},
plotArea: {
shadow: true
},
tooltip: {
enabled:true,
formatter: function() {
return this.point.name;
}
},
legend: {
enabled:false
},
plotOptions: {
bar: {
borderWidth: 0,
pointPadding: 0.2,
groupPadding: 0,
shadow: false,
states: {
hover: {
enabled: false
}
...