JSFiddle - React, Tailwind, and code Playground

by Ramkumar Pillai

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" ></div>

JavaScript

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'column'
        },

        title: {
            text: 'Total fruit consumtion, grouped by gender'
        },

        xAxis: {
            categories: []
        },

        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'Number of fruits'
            }
        },

        tooltip: {
            formatter: function () {
                return '<b>' + this.x + '</b><br/>' +
                    this.series.name + ': ' + this.y + '<br/>' +
                    'Total: ' + this.point.stackTotal;
            }
        },

        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },
        "series" : [
		{
			"name" : "Portal Global",
			"type" : "column",
			"stack" : "male",
			"data" : [["May-2013", 18358], ["Jun-2013", 17943], ["Jul-2013", 19212], ["Aug-2013", 19648], ["Sep-2013", 20179], ["Oct-2013", 23022], ["Nov-2013", 19800], ["Dec-2013", 16699], ["Jan-2014", 17293], ["Feb-2014", 22026], ["Mar-2014", 24823], ["Apr-2014", 23596], ["May-2014", 24119], ["Jun-2014", 23340], ["Jul-2014", 23171]]
		},
		 {
			"name" : "Portal AMER",
			"type" : "column",
			"stack" : "female",
			"data" : [["May-2013", 14639], ["Jun-2013", 13973], ["Jul-2013", 14704], ["Aug-2013", 15527], ["Sep-2013", 15570], ["Oct-2013", 17649], ["Nov-2013", 14458], ["Dec-2013", 12250], ["Jan-2014", 12788], ["Feb-2014", 16006], ["Mar-2014", 17867], ["Apr-2014", 17179], ["May-2014", 18109], ["Jun-2014", 16623], ["Jul-2014", 15971]]
		},
		{
			"name" : "Offline EMEA",
			"type" : "column",
			"stack" : "female",
			"data" : [["May-2013", 8079], ["Jun-2013", 8198], ["Jul-2013", 7730], ["Aug-2013", 7047], ["Sep-2013", 7287], ["Oct-2013", 7184], ["Nov-2013", 7472], ["Dec-2013", 6696], ["Jan-2014", 5531], ["Feb-2014", 7399], ["Mar-2014", 8894], ["Apr-2014", 7169], ["May-2014", 7045], ["Jun-2014", 6989], ["Jul-2014",...