diff options
Diffstat (limited to 'public/bower_components/morris.js/examples/diagonal-xlabels-bar.html')
-rw-r--r-- | public/bower_components/morris.js/examples/diagonal-xlabels-bar.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/public/bower_components/morris.js/examples/diagonal-xlabels-bar.html b/public/bower_components/morris.js/examples/diagonal-xlabels-bar.html new file mode 100644 index 0000000..8f51aa5 --- /dev/null +++ b/public/bower_components/morris.js/examples/diagonal-xlabels-bar.html @@ -0,0 +1,38 @@ +<!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>Displaying X Labels Diagonally (Bar Chart)</h1> +<div id="graph"></div> +<pre id="code" class="prettyprint linenums"> +/* data stolen from http://howmanyleft.co.uk/vehicle/jaguar_'e'_type */ +var day_data = [ + {"period": "2012-10-01", "licensed": 3407, "sorned": 660}, + {"period": "2012-09-30", "licensed": 3351, "sorned": 629}, + {"period": "2012-09-29", "licensed": 3269, "sorned": 618}, + {"period": "2012-09-20", "licensed": 3246, "sorned": 661}, + {"period": "2012-09-19", "licensed": 3257, "sorned": 667}, + {"period": "2012-09-18", "licensed": 3248, "sorned": 627}, + {"period": "2012-09-17", "licensed": 3171, "sorned": 660}, + {"period": "2012-09-16", "licensed": 3171, "sorned": 676}, + {"period": "2012-09-15", "licensed": 3201, "sorned": 656}, + {"period": "2012-09-10", "licensed": 3215, "sorned": 622} +]; +Morris.Bar({ + element: 'graph', + data: day_data, + xkey: 'period', + ykeys: ['licensed', 'sorned'], + labels: ['Licensed', 'SORN'], + xLabelAngle: 60 +}); +</pre> +</body> |