/usr/share/doc/libjs-flotr/examples/negative.html is in libjs-flotr 0.2.1~r301-1.
This file is owned by root:root, with mode 0o644.
The actual contents of the file can be viewed below.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 | <!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: Negative Values Example</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<style type="text/css">
.flotr-legend{
border: 2px solid #B6D9FF;
}
</style>
<script type="text/javascript" src="../flotr/lib/prototype.js"></script>
<script type="text/javascript" src="examples.js"></script>
<!--[if IE]>
<script type="text/javascript" src="../flotr/lib/excanvas.js"></script>
<script type="text/javascript" src="../flotr/lib/base64.js"></script>
<![endif]-->
<script type="text/javascript" src="../flotr/lib/canvas2image.js"></script>
<script type="text/javascript" src="../flotr/lib/canvastext.js"></script>
<script type="text/javascript" src="../flotr/flotr-0.2.1.js"></script>
</head>
<body>
<!-- ad -->
<div id="wrapper">
<h1></h1>
<div id="container" class="graph" style="width:600px;height:300px;"></div>
<h2>Example</h2>
<p>This example shows a graph with negative values. There are three series, but the legend
shows only two. This is because I didn't supply a <code>label</code> property in the d1 series.
Read more about <a href="http://www.solutoire.com/flotr/docs/legend/" title="Configure And Style Flotr Legends">Flotr legends</a>.</p>
<ul>
<li>The first series is just a line through y = 0.</li>
<li>The second series contains random data presented as a scatter plot.</li>
<li>The third series draws the regression line.</li>
</ul>
<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">
/**
* Wait till dom's finished loading.
*/
document.observe('dom:loaded', function(){
/**
* Fill series d0, d1 and d2.
*
* The first series is just a line through y = 0.
* The second series will contain random data presented as a scatter plot.
* The third series draws the regression line.
*
* Please don't be distracted by the math.
*/
var d0 = [];
var d1 = [];
var d2 = [];
var n, x, y, sx = 0, sy = 0, sxy = 0, sxsq = 0;
for(n = 0; n < 20; n++){
x = n;
y = x + Math.random()*8 - 15;
d0.push([x, 0]);
d1.push([x, y]);
/**
* Do some math, we need these later to compute the regression line.
*/
sx += x;
sy += y;
sxy += x*y;
sxsq += Math.pow(x,2);
}
var xmean = sx/n;
var ymean = sy/n;
var beta = ((n*sxy) - (sx*sy))/((n*sxsq)-(Math.pow(sx,2)));
var alpha = ymean - (beta * xmean);
/**
* Compute the regression line.
*/
for(var i = 0; i < 20; i++){
d2.push([i, alpha + beta*i])
}
/**
* Draw the graph.
*/
var f = Flotr.draw(
$('container'), [
{data:d0, shadowSize:0, color:'#545454'}, // => Horizontal line through y = 0
{data:d1, label:'y = x + (Math.random() * 8) - 15', points:{ show:true } }, // => Scatterplot
{data:d2, label:'y = '+alpha.toFixed(2)+' + ' + beta.toFixed(2) + '*x'} // => Regression line
],
{
legend:{position:'se',backgroundColor: '#D2E8FF'}
}
);
});
</script>
<!-- analytics -->
</body>
</html>
|