--- a/js/flotr2/examples/old_examples/logarithmic-scale.html +++ b/js/flotr2/examples/old_examples/logarithmic-scale.html @@ -1,1 +1,72 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <title>Flotr: Logarithmic Scale Example</title> + <link rel="stylesheet" href="style.css" type="text/css" /> + <script type="text/javascript" src="../../flotr/prototype/lib/prototype.js"></script> + <script type="text/javascript" src="examples.js"></script> + + <!--[if IE]> + <script type="text/javascript" src="../../flotr/prototype/lib/excanvas.js"></script> + <script type="text/javascript" src="../../flotr/prototype/lib/base64.js"></script> + <![endif]--> + <script type="text/javascript" src="../../flotr/prototype/lib/canvas2image.js"></script> + <script type="text/javascript" src="../../flotr/prototype/lib/canvastext.js"></script> + <script type="text/javascript" src="../../flotr/prototype/flotr.js"></script> + </head> + <body> + + <!-- ad --> + + <div id="wrapper"> + <h1></h1> + <div id="container" style="width:600px;height:600px;"></div> + <h2>Example</h2> + <p>This graph shows how logarithmic scale is handled</p> + <p>Finished? Go to the example <a href="index.html" title="Flotr Example Index Page">index page</a>, play with the <a href="../../playground/index.html" title="Flotr playground">playground</a> or read the <a href="http://www.solutoire.com/flotr/docs/" title="Flotr Documentation Pages">Flotr Documentation Pages</a>.</p> + <h2>The Code</h2> + <pre id="code-view"><code class="javascript"></code></pre> + <div id="footer">Copyright © 2008 Bas Wenneker, <a href="http://www.solutoire.com">solutoire.com</a></div> + </div> + + <!-- ad --> + + <script type="text/javascript"> + window.onload= function(){ + var d1 = []; + + var i; + for(i = -10; i <= 10; i += 0.1){ + d1.push([i, Math.exp(i)]); + } + + /** + * Draw the graph. + */ + var f = Flotr.draw( + $('container'),[ + {data:d1, label:'exp(x)'} + ],{ + yaxis:{ + ticks: [10e-5, 10e-4, 10e-3, 10e-2, 10e-1, 10e0, 10e1, 10e2, 10e3, 10e4, 10e5], + scaling:'logarithmic', + //base: 0.5, + min: 10e-6, + max: 10e6 + }, + spreadsheet:{ + show: true + }, + mouse: {track: true} + }); + } + </script> + + <!-- analytics --> + + </body> +</html> +