JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
title: {
text: 'Combination chart'
},
subtitle: {
text: '3 columns, 1 spline & 1 pie'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums']
},
series: [{
type: 'column',
data: [3, 2, 1, 3, 4]
}, {
type: 'column',
data: [2, 3, 5, 7, 6]
}, {
type: 'column',
data: [4, 3, 3, 9, 0]
}, ],
center: [100, 80],
size: 100,
}]
});
});
});