JSFiddle - React, Tailwind, and code Playground

by sgandewar

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="width: 100%; height: 100%; margin: 0 auto"></div>

JavaScript

$(function () {
        $('#container').highcharts({
            "chart" : { },
  "series" : [{
    "name" : "High",
    "type" : "column",
    "data" : [ {
      "y" : 90.0
    }, {
      "y" : 100.0
   }, {
      "y" : 80.0
    }, {
      "y" : 85.0
    } ]
  }, {
    "name" : "Medium",
    "type" : "column",
    "data" : [ {
      "name" : "IndiaE",
      "y" : 90.0
    }, {
      "y" : 100.0
    }, {
      "y" : 80.0
    }, {
     "y" : 85.0
    } ]
  }, {
    "name" : "Low",
    "type" : "column",
    "data" : [ {
      "y" : 100.0
    }, {
      "y" : 90.0
    }, {
      "y" : 75.0
   }, {
      "y" : 95.0
    } ]
  } ],
  "title" : {
    "text" : "Multi Series Chart"
  },
  "xAxis" : [ {
    "categories" : [ "Jan-2012", "Feb-2012", "March-2012", "April-2012" ],
    "labels" : { }
  } ],
  "yAxis" : [ {
    "title" : { },
    "labels" : { }
  } ],
  "plotOptions" : {
    "series" : {
      "cursor" : "pointer",
      "point" : { }
    }
  },
        })});