JSFiddle - React, Tailwind, and code Playground

by rahulshukla422

HTML

<html>

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

<div id="chartdiv"></div>
<div id="chartdiv2"></div>
<div id="chartdiv3"></div>
<div id="chartdiv4"></div>
<div id="chartdiv5"></div>

</html>

CSS

<style type="text/css">
body {
    font-family: Verdana;
    font-size: 12px;
    padding: 10px;
}

#chartdiv, #chartdiv2, #chartdiv3, #chartdiv4, #chartdiv5{
    width   : 100%;
    height  : 120px;
}   
</style>

JavaScript

var data =[{
    "date": "2012-07-27 10:11:12",
    "value":  10
  }, {
    "date": "2012-07-27 10:11:13",
    "value":  12
  }, {
     "date": "2012-07-27 10:11:14",
    "value": 15
  }, {
    "date": "2012-07-27 10:11:15",
    "value": 16
  }, {
   "date": "2012-07-27 10:11:16",
    "value": 18
  }, {
    "date": "2012-07-27 10:11:17",
    "value": 13
  }, {
    "date": "2012-07-27 10:11:18",
    "value": 22
  }, {
    "date": "2012-07-27 10:11:19",
    "value": 23
  }, {
   "date": "2012-07-27 10:11:20",
    "value": 20
  }, {
    "date": "2012-08-05 10:11:12",
    "value": 17
  }, {
    "date": "2012-08-06 10:11:12",
    "value": 16
  }, {
    "date": "2012-08-07 10:11:12",
    "value": 18
  }, {
    "date": "2012-08-08 10:11:12",
    "value": ""
  }, {
    "date": "2012-08-09 10:11:12",
    "value":  ""
  }, {
    "date": "2012-08-10 10:11:12",
    "value":  ""
  }, {
    "date": "2012-08-11 10:11:12",
    "value": 29
  }, {
    "date": "2012-08-12 10:11:12",
    "value": 32
  }, {
    "date": "2012-08-13 10:11:12",
    "value": 18
  }, {
    "date": "2012-08-14 10:11:12",
    "value": 24
  }, {
    "date": "2012-08-15 10:11:12",
    "value": 22
  }, {
    "date": "2012-08-16 10:11:12",
    "value": 18
  }, {
    "date": "2012-08-17 10:11:12",
    "value": 19
  }, {
    "date": "2012-08-18 10:11:12",
    "value": 14
  }, {
    "date": "2012-08-19 10:11:12",
    "value": 15
  }, {
    "date": "2012-08-20 10:11:12",
    "value": 12
  }, {
    "date": "2012-08-21 10:11:12",
    "value": 8
  }, {
    "date": "2012-08-22 10:11:12",
    "value": 9
  }, {
    "date": "2012-08-23 10:11:12",
    "value": 8
  }, {
    "date": "2012-08-24 10:11:12",
    "value": 7
  }, {
    "date": "2012-08-25 10:11:12",
    "value": 5
  }, {
    "date": "2012-08-26 10:11:12",
    "value": 11
  }, {
    "date": "2012-08-27 10:11:12",
    "value": 13
  }, {
    "date": "2012-08-28 10:11:12",
    "value": 18
  }, {
    "date": "2012-08-29 10:11:12",
    "value": 20
  }, {
    "date":...