JSFiddle - React, Tailwind, and code Playground

by totszwai

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container1"></div>
<div id="container2"></div>
<div id="container3"></div>
<div id="container4"></div>

CSS

#container1,
#container2,
#container3,
#container4 {
    min-width: 1400px;
    height: 300px;
    margin: 1em auto;
}

JavaScript

var globalChart;

var data = [];
for (var i = 0; i < 100; i++) {
    data.push([i, i]);
}

var config = {
	chart: {
  	type: 'column'
  },
  series: [{
      name: 'Blah'
  }]
}

$('#container1').highcharts(config, function(chart) {
    chart.series[0].setData(data);
});

$('#container2').highcharts(config, function(chart) {
    chart.series[0].setData(data);
});
$('#container3').highcharts(config, function(chart) {
    chart.series[0].setData(data);
});
$('#container4').highcharts(config, function(chart) {
    chart.series[0].setData(data);
});