Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
<html>
2 
 
3 
    <head>
4 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
7 
        <!-- AmCharts includes -->
8 
        <script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
9 
        <script src="http://www.amcharts.com/lib/3/serial.js"></script>
10 
        <script src="http://www.amcharts.com/lib/3/themes/dark.js"></script>
11 
        <!-- Export plugin includes and styles -->
12 
        <script src="../export.js"></script>
13 
        <link type="text/css" href="../export.css" rel="stylesheet">
14 
        <style>
15 
            body,
16 
            html {
17 
                height: 100%;
18 
                padding: 0;
19 
                margin: 0;
20 
                overflow: hidden;
21 
                background-color: #282828;
22 
                font-size: 11px;
23 
                font-family: Verdana;
24 
            }
25 
 
26 
            #chartdiv {
27 
                width: 100%;
28 
                height: 100%;
29 
            }
30 
        </style>
31 
        <script type="text/javascript">
32 
            var chart = AmCharts.makeChart("chartdiv",
33 
            {
34 
                "type": "serial",
35 
                "theme": "dark",
36 
                "dataProvider": [
37 
                {
38 
                    "year": 2005,
39 
                    "income": 23.5,
40 
                    "expenses": 18.1
41 
                },
42 
                {
43 
                    "year": 2006,
44 
                    "income": 26.2,
45 
                    "expenses": 22.8
46 
                },
47 
                {
48 
                    "year": 2007,
49 
                    "income": 30.1,
50 
                    "expenses": 23.9
51 
                },
52 
                {
53 
                    "year": 2008,
54 
                    "income": 29.5,
55 
                    "expenses": 25.1
56 
                },
57 
                {
58 
                    "year": 2009,
59 
                    "income": 24.6,
60 
                    "expenses": 25
61 
                }],
62 
                "categoryField": "year",
63 
                "startDuration": 1,
64 
                "rotate": true,
65 
                "categoryAxis":
66 
                {
67 
                    "gridPosition": "start"
68 
                },
69 
                "valueAxes": [
70 
                {
71 
                    "position": "bottom",
72 
                    "title": "Million USD",
73 
                    "minorGridEnabled": true
74 
                }],
75 
                "graphs": [
76 
                {
77 
                    "type": "column",
78 
                    "title": "Income",
79 
                    "valueField": "income",
80 
                    "fillAlphas": 1,
81 
                    "balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
82 
                },
83 
                {
84 
                    "type": "line",
85 
                    "title": "Expenses",
86 
                    "valueField": "expenses",
87 
                    "lineThickness": 2,
88 
                    "bullet": "round",
89 
                    "balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
90 
                }],
91 
                "legend":
92 
                {
93 
                    "useGraphSettings": true
94 
                },
95 
                "creditsPosition": "top-right",
96 
                "export":
97 
                {
98 
                    "enabled": true,
99 
                    "fileName": "exportedChart",
100 
                    // set background color for exported image
101 
                    "backgroundColor": "#282828"
102 
                }
103 
            });
104 
        </script>
105 
    </head>
106 
 
107 
    <body>
108 
        <div id="chartdiv"></div>
109 
    </body>
110 
 
111 
</html>