diff options
| author | Marvin Borner | 2018-07-13 19:06:45 +0200 |
|---|---|---|
| committer | Marvin Borner | 2018-07-13 19:06:45 +0200 |
| commit | 6fcfb7c04d32e1c8b26a312295bf7ac3ec2d2ad7 (patch) | |
| tree | dbc87ef16fa01d5d99116de283592b8fe5e02944 /public/bower_components/morris.js/examples/non-continuous.html | |
| parent | dfd839f27146df0ad0494e11734fc7d310c70ebf (diff) | |
Fixed many permissions and began admin interface
Diffstat (limited to 'public/bower_components/morris.js/examples/non-continuous.html')
| -rw-r--r-- | public/bower_components/morris.js/examples/non-continuous.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/public/bower_components/morris.js/examples/non-continuous.html b/public/bower_components/morris.js/examples/non-continuous.html new file mode 100644 index 0000000..921049d --- /dev/null +++ b/public/bower_components/morris.js/examples/non-continuous.html @@ -0,0 +1,42 @@ +<!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>Non-continuous data</h1> +<p>Null series values will break the line when rendering, missing values will be skipped</p> +<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}, + {"period": "2012-09-30", "sorned": 0}, + {"period": "2012-09-29", "sorned": 618}, + {"period": "2012-09-20", "licensed": 3246, "sorned": 661}, + {"period": "2012-09-19", "licensed": 3257, "sorned": null}, + {"period": "2012-09-18", "licensed": 3248, "other": 1000}, + {"period": "2012-09-17", "sorned": 0}, + {"period": "2012-09-16", "sorned": 0}, + {"period": "2012-09-15", "licensed": 3201, "sorned": 656}, + {"period": "2012-09-10", "licensed": 3215} +]; +Morris.Line({ + element: 'graph', + data: day_data, + xkey: 'period', + ykeys: ['licensed', 'sorned', 'other'], + labels: ['Licensed', 'SORN', 'Other'], + /* custom label formatting with `xLabelFormat` */ + xLabelFormat: function(d) { return (d.getMonth()+1)+'/'+d.getDate()+'/'+d.getFullYear(); }, + /* setting `xLabels` is recommended when using xLabelFormat */ + xLabels: 'day' +}); +</pre> +</body> |