time stacked bar graph
by shorif2000
HTML
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.js"></script>
<script src="https://rawgit.com/timrwood/moment/2.2.1/min/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.time.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.stack.min.js"></script>
<div id="incidentsnetwork-graph" style="width:650px;height:400px">
</div>
JavaScript
var json = {
"rows": {
"incidents": {
"data": [{
"TIMESTAMP": "2014-05-01",
"PRIORITY": "P1",
"VALUE": "3"
}, {
"TIMESTAMP": "2014-05-01",
"PRIORITY": "P2",
"VALUE": "24"
}, {
"TIMESTAMP": "2014-05-01",
"PRIORITY": "P3",
"VALUE": "26"
}, {
"TIMESTAMP": "2014-06-01",
"PRIORITY": "P1",
"VALUE": "3"
}, {
"TIMESTAMP": "2014-06-01",
"PRIORITY": "P2",
"VALUE": "20"
}, {
"TIMESTAMP": "2014-06-01",
"PRIORITY": "P3",
"VALUE": "40"
}, {
"TIMESTAMP": "2014-07-01",
"PRIORITY": "P1",
"VALUE": "3"
}, {
"TIMESTAMP": "2014-07-01",
"PRIORITY": "P2",
"VALUE": "14"
}, {
"TIMESTAMP": "2014-07-01",
"PRIORITY": "P3",
"VALUE": "30"
}, {
"TIMESTAMP": "2014-08-01",
"PRIORITY": "P1",
"VALUE": "3"
}, {
"TIMESTAMP": "2014-08-01",
"PRIORITY": "P2",
"VALUE": "21"
}, {
"TIMESTAMP": "2014-08-01",
"PRIORITY": "P3",
"VALUE": "39"
}, {
"TIMESTAMP": "2014-09-01",
"PRIORITY": "P1",
"VALUE": "3"
}, {
"TIMESTAMP": "2014-09-01",
"PRIORITY": "P2",
"VALUE": "18"
}, {
"TIMESTAMP": "2014-09-01",
"PRIORITY": "P3",
"VALUE": "24"
}, {
"TIMESTAMP": "2014-10-01",
"PRIORITY": "P1",
"VALUE": "8"
}, {
"TIMESTAMP": "2014-10-01",
"PRIORITY": "P2",
"VALUE": "28"
}, {
"TIMESTAMP": "2014-10-01",
"PRIORITY": "P3",
"VALUE": "43"
}, {
"TIMESTAMP": "2014-11-01",
"PRIORITY": "P1",
"VALUE": "7"
}, {
"TIMESTAMP": "2014-11-01",
"PRIORITY": "P2",
"VALUE": "35"
}, {
"TIMESTAMP": "2014-11-01",
"PRIORITY": "P3",
...