Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
875 lars 1 
<!DOCTYPE HTML>
2 
<html>
3 
	<head>
4 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 
		<title>Highcharts Example</title>
6 
 
7 
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
8 
		<style type="text/css">
9 
${demo.css}
10 
		</style>
11 
		<script type="text/javascript">
12 
$(function () {
13 
 
14 
    var ranges = [
15 
            [1246406400000, 14.3, 27.7],
16 
            [1246492800000, 14.5, 27.8],
17 
            [1246579200000, 15.5, 29.6],
18 
            [1246665600000, 16.7, 30.7],
19 
            [1246752000000, 16.5, 25.0],
20 
            [1246838400000, 17.8, 25.7],
21 
            [1246924800000, 13.5, 24.8],
22 
            [1247011200000, 10.5, 21.4],
23 
            [1247097600000, 9.2, 23.8],
24 
            [1247184000000, 11.6, 21.8],
25 
            [1247270400000, 10.7, 23.7],
26 
            [1247356800000, 11.0, 23.3],
27 
            [1247443200000, 11.6, 23.7],
28 
            [1247529600000, 11.8, 20.7],
29 
            [1247616000000, 12.6, 22.4],
30 
            [1247702400000, 13.6, 19.6],
31 
            [1247788800000, 11.4, 22.6],
32 
            [1247875200000, 13.2, 25.0],
33 
            [1247961600000, 14.2, 21.6],
34 
            [1248048000000, 13.1, 17.1],
35 
            [1248134400000, 12.2, 15.5],
36 
            [1248220800000, 12.0, 20.8],
37 
            [1248307200000, 12.0, 17.1],
38 
            [1248393600000, 12.7, 18.3],
39 
            [1248480000000, 12.4, 19.4],
40 
            [1248566400000, 12.6, 19.9],
41 
            [1248652800000, 11.9, 20.2],
42 
            [1248739200000, 11.0, 19.3],
43 
            [1248825600000, 10.8, 17.8],
44 
            [1248912000000, 11.8, 18.5],
45 
            [1248998400000, 10.8, 16.1]
46 
        ],
47 
        averages = [
48 
            [1246406400000, 21.5],
49 
            [1246492800000, 22.1],
50 
            [1246579200000, 23],
51 
            [1246665600000, 23.8],
52 
            [1246752000000, 21.4],
53 
            [1246838400000, 21.3],
54 
            [1246924800000, 18.3],
55 
            [1247011200000, 15.4],
56 
            [1247097600000, 16.4],
57 
            [1247184000000, 17.7],
58 
            [1247270400000, 17.5],
59 
            [1247356800000, 17.6],
60 
            [1247443200000, 17.7],
61 
            [1247529600000, 16.8],
62 
            [1247616000000, 17.7],
63 
            [1247702400000, 16.3],
64 
            [1247788800000, 17.8],
65 
            [1247875200000, 18.1],
66 
            [1247961600000, 17.2],
67 
            [1248048000000, 14.4],
68 
            [1248134400000, 13.7],
69 
            [1248220800000, 15.7],
70 
            [1248307200000, 14.6],
71 
            [1248393600000, 15.3],
72 
            [1248480000000, 15.3],
73 
            [1248566400000, 15.8],
74 
            [1248652800000, 15.2],
75 
            [1248739200000, 14.8],
76 
            [1248825600000, 14.4],
77 
            [1248912000000, 15],
78 
            [1248998400000, 13.6]
79 
        ];
80 
 
81 
 
82 
    $('#container').highcharts({
83 
 
84 
        title: {
85 
            text: 'July temperatures'
86 
        },
87 
 
88 
        xAxis: {
89 
            type: 'datetime'
90 
        },
91 
 
92 
        yAxis: {
93 
            title: {
94 
                text: null
95 
            }
96 
        },
97 
 
98 
        tooltip: {
99 
            crosshairs: true,
100 
            shared: true,
101 
            valueSuffix: '°C'
102 
        },
103 
 
104 
        legend: {
105 
        },
106 
 
107 
        series: [{
108 
            name: 'Temperature',
109 
            data: averages,
110 
            zIndex: 1,
111 
            marker: {
112 
                fillColor: 'white',
113 
                lineWidth: 2,
114 
                lineColor: Highcharts.getOptions().colors[0]
115 
            }
116 
        }, {
117 
            name: 'Range',
118 
            data: ranges,
119 
            type: 'arearange',
120 
            lineWidth: 0,
121 
            linkedTo: ':previous',
122 
            color: Highcharts.getOptions().colors[0],
123 
            fillOpacity: 0.3,
124 
            zIndex: 0
125 
        }]
126 
    });
127 
});
128 
		</script>
129 
	</head>
130 
	<body>
131 
<script src="../../js/highcharts.js"></script>
132 
<script src="../../js/highcharts-more.js"></script>
133 
<script src="../../js/modules/exporting.js"></script>
134 
 
135 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
136 
 
137 
	</body>
138 
</html>