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 
    $('#container').highcharts({
14 
        title: {
15 
            text: 'Monthly Average Temperature',
16 
            x: -20 //center
17 
        },
18 
        subtitle: {
19 
            text: 'Source: WorldClimate.com',
20 
            x: -20
21 
        },
22 
        xAxis: {
23 
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
24 
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
25 
        },
26 
        yAxis: {
27 
            title: {
28 
                text: 'Temperature (°C)'
29 
            },
30 
            plotLines: [{
31 
                value: 0,
32 
                width: 1,
33 
                color: '#808080'
34 
            }]
35 
        },
36 
        tooltip: {
37 
            valueSuffix: '°C'
38 
        },
39 
        legend: {
40 
            layout: 'vertical',
41 
            align: 'right',
42 
            verticalAlign: 'middle',
43 
            borderWidth: 0
44 
        },
45 
        series: [{
46 
            name: 'Tokyo',
47 
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
48 
        }, {
49 
            name: 'New York',
50 
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
51 
        }, {
52 
            name: 'Berlin',
53 
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
54 
        }, {
55 
            name: 'London',
56 
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
57 
        }]
58 
    });
59 
});
60 
		</script>
61 
	</head>
62 
	<body>
63 
<script src="../../js/highcharts.js"></script>
64 
<script src="../../js/modules/exporting.js"></script>
65 
 
66 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
67 
 
68 
	</body>
69 
</html>