JSFiddle - React, Tailwind, and code Playground
by amcharts
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv1"></div>
CSS
#chartdiv1 {
width : 100%;
height : 500px;
font-size : 11px;
}
JavaScript
var chartData = [{
"date": "2014-02-16",
"Lamassu": 0,
"Robocoin Kiosk": 1
}, {
"date": "2014-02-18",
"Lamassu": 7,
"Robocoin Kiosk": 2
}, {
"date": "2014-02-19",
"Lamassu": 8,
"Robocoin Kiosk": 3
}, {
"date": "2014-02-27",
"Lamassu": 8,
"Robocoin Kiosk": 4
}, {
"date": "2014-02-28",
"Lamassu": 9,
"Robocoin Kiosk": 4
}, {
"date": "2014-03-02",
"Lamassu": 9,
"Robocoin Kiosk": 5
}, {
"date": "2014-03-05",
"Lamassu": 9,
"Robocoin Kiosk": 6
}, {
"date": "2014-03-07",
"Lamassu": 10,
"Robocoin Kiosk": 6
}, {
"date": "2014-03-14",
"Lamassu": 12,
"Robocoin Kiosk": 6
}, {
"date": "2014-03-17",
"Lamassu": 13,
"Robocoin Kiosk": 6
}, {
"date": "2014-03-20",
"Lamassu": 14,
"Robocoin Kiosk": 7
}, {
"date": "2014-03-27",
"Lamassu": 16,
"Robocoin Kiosk": 7
}, {
"date": "2014-03-28",
"Lamassu": 17,
"Robocoin Kiosk": 7
}, {
"date": "2014-03-30",
"Lamassu": 18,
"Robocoin Kiosk": 7
}, {
"date": "2014-03-31",
"Lamassu": 18,
"Robocoin Kiosk": 8
}, {
"date": "2014-04-02",
"Lamassu": 18,
"Robocoin Kiosk": 9
}, {
"date": "2014-04-10",
"Lamassu": 18,
"Robocoin Kiosk": 10
}, {
"date": "2014-04-15",
"Lamassu": 18,
"Robocoin Kiosk": 11
}, {
"date": "2014-04-17",
"Lamassu": 19,
"Robocoin Kiosk": 11
}, {
"date": "2014-04-18",
"Lamassu": 20,
"Robocoin Kiosk": 11
}, {
"date": "2014-04-19",
"Lamassu": 21,
"Robocoin Kiosk": 11
}, {
"date": "2014-04-21",
"Lamassu": 21,
"Robocoin Kiosk": 12
}, {
"date": "2014-04-24",
"Lamassu": 21,
"Robocoin Kiosk": 13
}, {
"date": "2014-05-02",
"Lamassu": 21,
"Robocoin Kiosk": 14
}, {
"date": "2014-05-08",
"Lamassu": 22,
"Robocoin Kiosk": 14
}, {
"date": "2014-05-14",
"Lamassu": 23,
"Robocoin Kiosk": 14
}, {
"date": "2014-05-15",
"Lamassu": 24,
...