source: appstream-generator/contrib/setup/js_tmp/Flot/examples/categories/index.html @ 4841

Last change on this file since 4841 was 4841, checked in by Juanma, 2 years ago

Initial release

File size: 1.5 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5        <title>Flot Examples: Categories</title>
6        <link href="../examples.css" rel="stylesheet" type="text/css">
7        <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../excanvas.min.js"></script><![endif]-->
8        <script language="javascript" type="text/javascript" src="../../jquery.js"></script>
9        <script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
10        <script language="javascript" type="text/javascript" src="../../jquery.flot.categories.js"></script>
11        <script type="text/javascript">
12
13        $(function() {
14
15                var data = [ ["January", 10], ["February", 8], ["March", 4], ["April", 13], ["May", 17], ["June", 9] ];
16
17                $.plot("#placeholder", [ data ], {
18                        series: {
19                                bars: {
20                                        show: true,
21                                        barWidth: 0.6,
22                                        align: "center"
23                                }
24                        },
25                        xaxis: {
26                                mode: "categories",
27                                tickLength: 0
28                        }
29                });
30
31                // Add the Flot version string to the footer
32
33                $("#footer").prepend("Flot " + $.plot.version + " &ndash; ");
34        });
35
36        </script>
37</head>
38<body>
39
40        <div id="header">
41                <h2>Categories</h2>
42        </div>
43
44        <div id="content">
45
46                <div class="demo-container">
47                        <div id="placeholder" class="demo-placeholder"></div>
48                </div>
49
50                <p>With the categories plugin you can plot categories/textual data easily.</p>
51
52        </div>
53
54        <div id="footer">
55                Copyright &copy; 2007 - 2014 IOLA and Ole Laursen
56        </div>
57
58</body>
59</html>
60
61
62
63
64
Note: See TracBrowser for help on using the repository browser.