libjs-flotr 0.2.1~r301-1 / usr / share / doc / libjs-flotr / examples / basic-stacked-bars.html

This file is indexed.

/usr/share/doc/libjs-flotr/examples/basic-stacked-bars.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
<!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: Basic Stacked Bars Example</title>
		<link rel="stylesheet" href="style.css" type="text/css" />

		<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" style="width:600px;height:300px;"></div>
			<h2>Example</h2>
			<p>This example shows how to configure the legend. Note I also added a <code>style</code> tag 
			(between the <code>header</code> tags) to add a 2px border to the legend container. I could also
			style other legend elements. The elements get the the following css classes when they're generated:</p>
			<ul>
				<li>flotr-legend &rarr; Legend wrapper element.</li>
				<li>flotr-legend-bg &rarr; Legend background element.</li>
				<li>flotr-legend-color-box &rarr; Legend color box.</li>
				<li>flotr-legend-label &rarr; Legend label.</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 &copy; 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.
				 */
				var d1 = [], d2 = [], d3 = [];
				for (i = -10; i < 10; i++) {
				  d1.push([i, Math.random()]);
				  d2.push([i, Math.random()]);
				  d3.push([i, Math.random()]);
				}
			
				/**
				 * Draw the graph.
				 */
			    var f = Flotr.draw(
					$('container'), [
						{data:d1, label:'Serie 1'},
						{data:d2, label:'Serie 2'},
						{data:d3, label:'Serie 3'}
					],{
						legend:{
							backgroundColor: '#D2E8FF' // => a light blue background color.
						},
						bars: {
						  show: true,
              stacked: true,
              //horizontal: true,
              barWidth: 0.6
						},
						grid: {
						  verticalLines: false
						},
						spreadsheet:{show: true}
					}
				);
			});			
		</script>
		
		<!-- analytics -->
		
	</body>
</html>

APT Browse - Built by Thomas Orozco.