/home/techb158/workloadmatch.com/bower_components/morris.js/examples/

/home/techb158/workloadmatch.com/bower_components/morris.js/examples

Name	Size	Mode	Actions
lib/	-	0777	rm
area-as-line.html	1025	0777	edit dl rm
area.html	1098	0777	edit dl rm
bar-colors.html	1253	0777	edit dl rm
bar-no-axes.html	1001	0777	edit dl rm
bar.html	1042	0777	edit dl rm
days.html	1553	0777	edit dl rm
decimal-custom-hover.html	1192	0777	edit dl rm
diagonal-xlabels-bar.html	1586	0777	edit dl rm
diagonal-xlabels.html	1575	0777	edit dl rm
donut-colors.html	1117	0777	edit dl rm
donut-formatter.html	1064	0777	edit dl rm
donut.html	997	0777	edit dl rm
dst.html	1033	0777	edit dl rm
events.html	2509	0777	edit dl rm
goals.html	1006	0777	edit dl rm
months-no-smooth.html	1546	0777	edit dl rm
negative.html	1186	0777	edit dl rm
no-grid.html	1568	0777	edit dl rm
non-continuous.html	1778	0777	edit dl rm
non-date.html	1216	0777	edit dl rm
quarters.html	2531	0777	edit dl rm
resize.html	1644	0777	edit dl rm
stacked_bars.html	1011	0777	edit dl rm
timestamps.html	1625	0777	edit dl rm
updating.html	1369	0777	edit dl rm
weeks.html	2479	0777	edit dl rm
years.html	1489	0777	edit dl rm
_template.html	708	0777	edit dl rm

Edit: /home/techb158/workloadmatch.com/bower_components/morris.js/examples/area.html (1098B)

<!doctype html>
<head>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
  <script src="../morris.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.min.js"></script>
  <script src="lib/example.js"></script>
  <link rel="stylesheet" href="lib/example.css">
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.min.css">
  <link rel="stylesheet" href="../morris.css">
</head>
<body>
<h1>Area charts</h1>
<div id="graph"></div>
<pre id="code" class="prettyprint linenums">
// Use Morris.Area instead of Morris.Line
Morris.Area({
  element: 'graph',
  data: [
    {x: '2010 Q4', y: 3, z: 7},
    {x: '2011 Q1', y: 3, z: 4},
    {x: '2011 Q2', y: null, z: 1},
    {x: '2011 Q3', y: 2, z: 5},
    {x: '2011 Q4', y: 8, z: 2},
    {x: '2012 Q1', y: 4, z: 4}
  ],
  xkey: 'x',
  ykeys: ['y', 'z'],
  labels: ['Y', 'Z']
}).on('click', function(i, row){
  console.log(i, row);
});
</pre>
</body>

Area charts

// Use Morris.Area instead of Morris.Line
Morris.Area({
  element: 'graph',
  data: [
    {x: '2010 Q4', y: 3, z: 7},
    {x: '2011 Q1', y: 3, z: 4},
    {x: '2011 Q2', y: null, z: 1},
    {x: '2011 Q3', y: 2, z: 5},
    {x: '2011 Q4', y: 8, z: 2},
    {x: '2012 Q1', y: 4, z: 4}
  ],
  xkey: 'x',
  ykeys: ['y', 'z'],
  labels: ['Y', 'Z']
}).on('click', function(i, row){
  console.log(i, row);
});