/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/quarters.html (2531B)

<!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>Formatting Dates with Quarters</h1>
<div id="graph"></div>
<pre id="code" class="prettyprint linenums">
/* data stolen from http://howmanyleft.co.uk/vehicle/jaguar_e_type */
var quarter_data = [
  {"period": "2011 Q3", "licensed": 3407, "sorned": 660},
  {"period": "2011 Q2", "licensed": 3351, "sorned": 629},
  {"period": "2011 Q1", "licensed": 3269, "sorned": 618},
  {"period": "2010 Q4", "licensed": 3246, "sorned": 661},
  {"period": "2010 Q3", "licensed": 3257, "sorned": 667},
  {"period": "2010 Q2", "licensed": 3248, "sorned": 627},
  {"period": "2010 Q1", "licensed": 3171, "sorned": 660},
  {"period": "2009 Q4", "licensed": 3171, "sorned": 676},
  {"period": "2009 Q3", "licensed": 3201, "sorned": 656},
  {"period": "2009 Q2", "licensed": 3215, "sorned": 622},
  {"period": "2009 Q1", "licensed": 3148, "sorned": 632},
  {"period": "2008 Q4", "licensed": 3155, "sorned": 681},
  {"period": "2008 Q3", "licensed": 3190, "sorned": 667},
  {"period": "2007 Q4", "licensed": 3226, "sorned": 620},
  {"period": "2006 Q4", "licensed": 3245, "sorned": null},
  {"period": "2005 Q4", "licensed": 3289, "sorned": null},
  {"period": "2004 Q4", "licensed": 3263, "sorned": null},
  {"period": "2003 Q4", "licensed": 3189, "sorned": null},
  {"period": "2002 Q4", "licensed": 3079, "sorned": null},
  {"period": "2001 Q4", "licensed": 3085, "sorned": null},
  {"period": "2000 Q4", "licensed": 3055, "sorned": null},
  {"period": "1999 Q4", "licensed": 3063, "sorned": null},
  {"period": "1998 Q4", "licensed": 2943, "sorned": null},
  {"period": "1997 Q4", "licensed": 2806, "sorned": null},
  {"period": "1996 Q4", "licensed": 2674, "sorned": null},
  {"period": "1995 Q4", "licensed": 1702, "sorned": null},
  {"period": "1994 Q4", "licensed": 1732, "sorned": null}
];
Morris.Line({
  element: 'graph',
  data: quarter_data,
  xkey: 'period',
  ykeys: ['licensed', 'sorned'],
  labels: ['Licensed', 'SORN']
});
</pre>
</body>

Formatting Dates with Quarters

/* data stolen from http://howmanyleft.co.uk/vehicle/jaguar_e_type */
var quarter_data = [
  {"period": "2011 Q3", "licensed": 3407, "sorned": 660},
  {"period": "2011 Q2", "licensed": 3351, "sorned": 629},
  {"period": "2011 Q1", "licensed": 3269, "sorned": 618},
  {"period": "2010 Q4", "licensed": 3246, "sorned": 661},
  {"period": "2010 Q3", "licensed": 3257, "sorned": 667},
  {"period": "2010 Q2", "licensed": 3248, "sorned": 627},
  {"period": "2010 Q1", "licensed": 3171, "sorned": 660},
  {"period": "2009 Q4", "licensed": 3171, "sorned": 676},
  {"period": "2009 Q3", "licensed": 3201, "sorned": 656},
  {"period": "2009 Q2", "licensed": 3215, "sorned": 622},
  {"period": "2009 Q1", "licensed": 3148, "sorned": 632},
  {"period": "2008 Q4", "licensed": 3155, "sorned": 681},
  {"period": "2008 Q3", "licensed": 3190, "sorned": 667},
  {"period": "2007 Q4", "licensed": 3226, "sorned": 620},
  {"period": "2006 Q4", "licensed": 3245, "sorned": null},
  {"period": "2005 Q4", "licensed": 3289, "sorned": null},
  {"period": "2004 Q4", "licensed": 3263, "sorned": null},
  {"period": "2003 Q4", "licensed": 3189, "sorned": null},
  {"period": "2002 Q4", "licensed": 3079, "sorned": null},
  {"period": "2001 Q4", "licensed": 3085, "sorned": null},
  {"period": "2000 Q4", "licensed": 3055, "sorned": null},
  {"period": "1999 Q4", "licensed": 3063, "sorned": null},
  {"period": "1998 Q4", "licensed": 2943, "sorned": null},
  {"period": "1997 Q4", "licensed": 2806, "sorned": null},
  {"period": "1996 Q4", "licensed": 2674, "sorned": null},
  {"period": "1995 Q4", "licensed": 1702, "sorned": null},
  {"period": "1994 Q4", "licensed": 1732, "sorned": null}
];
Morris.Line({
  element: 'graph',
  data: quarter_data,
  xkey: 'period',
  ykeys: ['licensed', 'sorned'],
  labels: ['Licensed', 'SORN']
});