JSFiddle - React, Tailwind, and code Playground

HTML

<script src="bootstrap.min.js"></script>
<script src="bootstrap.min.css "></script>
<script src="raphael-min.js"></script>
<link rel="stylesheet" href="font-awesome.css">
<script src="morris.js"></script>
<script src="jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script> 
<div id="graph-area" style="width: 500px; height: 300px;">

JavaScript

var salesdata = [{period:"2014-02-05",Modena:810, Bologna:0, Rimini:0},
                  {period:"2014-02-09",Modena:0, Bologna: 396, Rimini:0},
                 {period:"2014-02-10",Modena:0, Bologna:0, Rimini: 380},
                 {period:"2014-02-10",Modena:0, Bologna: 736, Rimini:0},
                 {period:"2014-02-12",Modena:0, Bologna: 0.00, Rimini:0},                 
                  {period:"2014-02-13",Modena: 0, Bologna:0, Rimini:0}];                 




Morris.Area({
        element: 'graph-area',
        padding: 10,
        behaveLikeLine: true,
        gridEnabled: false,
        gridLineColor: '#dddddd',
        axes: true,
        fillOpacity:.7,
        data: salesdata,
        lineColors:['#ED5D5D','#D6D23A','#32D2C9'],
        xkey: 'period',
        ykeys: ['Modena', 'Bologna', 'Rimini'],
        labels: ['Modena', 'Bologna', 'Rimini'],
        pointSize: 0,
        lineWidth: 0,
        hideHover: 'auto'
            });