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 
    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=range.json&callback=?', function (data) {
14 
 
15 
        $('#container').highcharts({
16 
 
17 
            chart: {
18 
                type: 'arearange',
19 
                zoomType: 'x'
20 
            },
21 
 
22 
            title: {
23 
                text: 'Temperature variation by day'
24 
            },
25 
 
26 
            xAxis: {
27 
                type: 'datetime'
28 
            },
29 
 
30 
            yAxis: {
31 
                title: {
32 
                    text: null
33 
                }
34 
            },
35 
 
36 
            tooltip: {
37 
                crosshairs: true,
38 
                shared: true,
39 
                valueSuffix: '°C'
40 
            },
41 
 
42 
            legend: {
43 
                enabled: false
44 
            },
45 
 
46 
            series: [{
47 
                name: 'Temperatures',
48 
                data: data
49 
            }]
50 
 
51 
        });
52 
    });
53 
 
54 
});
55 
		</script>
56 
	</head>
57 
	<body>
58 
<script src="../../js/highcharts.js"></script>
59 
<script src="../../js/highcharts-more.js"></script>
60 
<script src="../../js/modules/exporting.js"></script>
61 
 
62 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
63 
 
64 
	</body>
65 
</html>