diff options
Diffstat (limited to 'public/bower_components/morris.js/examples/decimal-custom-hover.html')
-rw-r--r-- | public/bower_components/morris.js/examples/decimal-custom-hover.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/public/bower_components/morris.js/examples/decimal-custom-hover.html b/public/bower_components/morris.js/examples/decimal-custom-hover.html new file mode 100644 index 0000000..b168aa7 --- /dev/null +++ b/public/bower_components/morris.js/examples/decimal-custom-hover.html @@ -0,0 +1,37 @@ +<!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>Decimal Data</h1> +<div id="graph"></div> +<pre id="code" class="prettyprint linenums"> +var decimal_data = []; +for (var x = 0; x <= 360; x += 10) { + decimal_data.push({ + x: x, + y: 1.5 + 1.5 * Math.sin(Math.PI * x / 180).toFixed(4) + }); +} +window.m = Morris.Line({ + element: 'graph', + data: decimal_data, + xkey: 'x', + ykeys: ['y'], + labels: ['sin(x)'], + parseTime: false, + hoverCallback: function (index, options, default_content, row) { + return default_content.replace("sin(x)", "1.5 + 1.5 sin(" + row.x + ")"); + }, + xLabelMargin: 10, + integerYLabels: true +}); +</pre> +</body> |