JSFiddle - React, Tailwind, and code Playground
HTML
<div id="pie-chart"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
JavaScript
$( function() {
$( "#pie-chart" ).highcharts( {
title: {
text: ""
},
chart: {
type: 'column'
},
gapSize:0,
tooltip: {
enabled: false
},
plotOptions: {
series: {
pointPadding: 0,
groupPadding: 0.1,
}
},
series: [ {
type: "column",
data: [
{
name: "Not too much text here",
color: "#5cb85c",
y: 35
},
{
name: "Not too much text here",
color: "#5bc0de",
y: 90
}
]
} ]
} );
} );