Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 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 
        chart: {
15 
            type: 'spline'
16 
        },
17 
        title: {
18 
            text: 'Snow depth at Vikjafjellet, Norway'
19 
        },
20 
        subtitle: {
21 
            text: 'Irregular time data in Highcharts JS'
22 
        },
23 
        xAxis: {
24 
            type: 'datetime',
25 
            dateTimeLabelFormats: { // don't display the dummy year
26 
                month: '%e. %b',
27 
                year: '%b'
28 
            },
29 
            title: {
30 
                text: 'Date'
31 
            }
32 
        },
33 
        yAxis: {
34 
            title: {
35 
                text: 'Snow depth (m)'
36 
            },
37 
            min: 0
38 
        },
39 
        tooltip: {
40 
            headerFormat: '<b>{series.name}</b><br>',
41 
            pointFormat: '{point.x:%e. %b}: {point.y:.2f} m'
42 
        },
43 
 
44 
        plotOptions: {
45 
            spline: {
46 
                marker: {
47 
                    enabled: true
48 
                }
49 
            }
50 
        },
51 
 
52 
        series: [{
53 
            name: "Winter 2012-2013",
54 
            // Define the data points. All series have a dummy year
55 
            // of 1970/71 in order to be compared on the same x axis. Note
56 
            // that in JavaScript, months start at 0 for January, 1 for February etc.
57 
            data: [
58 
                [Date.UTC(1970, 9, 21), 0],
59 
                [Date.UTC(1970, 10, 4), 0.28],
60 
                [Date.UTC(1970, 10, 9), 0.25],
61 
                [Date.UTC(1970, 10, 27), 0.2],
62 
                [Date.UTC(1970, 11, 2), 0.28],
63 
                [Date.UTC(1970, 11, 26), 0.28],
64 
                [Date.UTC(1970, 11, 29), 0.47],
65 
                [Date.UTC(1971, 0, 11), 0.79],
66 
                [Date.UTC(1971, 0, 26), 0.72],
67 
                [Date.UTC(1971, 1, 3), 1.02],
68 
                [Date.UTC(1971, 1, 11), 1.12],
69 
                [Date.UTC(1971, 1, 25), 1.2],
70 
                [Date.UTC(1971, 2, 11), 1.18],
71 
                [Date.UTC(1971, 3, 11), 1.19],
72 
                [Date.UTC(1971, 4, 1), 1.85],
73 
                [Date.UTC(1971, 4, 5), 2.22],
74 
                [Date.UTC(1971, 4, 19), 1.15],
75 
                [Date.UTC(1971, 5, 3), 0]
76 
            ]
77 
        }, {
78 
            name: "Winter 2013-2014",
79 
            data: [
80 
                [Date.UTC(1970, 9, 29), 0],
81 
                [Date.UTC(1970, 10, 9), 0.4],
82 
                [Date.UTC(1970, 11, 1), 0.25],
83 
                [Date.UTC(1971, 0, 1), 1.66],
84 
                [Date.UTC(1971, 0, 10), 1.8],
85 
                [Date.UTC(1971, 1, 19), 1.76],
86 
                [Date.UTC(1971, 2, 25), 2.62],
87 
                [Date.UTC(1971, 3, 19), 2.41],
88 
                [Date.UTC(1971, 3, 30), 2.05],
89 
                [Date.UTC(1971, 4, 14), 1.7],
90 
                [Date.UTC(1971, 4, 24), 1.1],
91 
                [Date.UTC(1971, 5, 10), 0]
92 
            ]
93 
        }, {
94 
            name: "Winter 2014-2015",
95 
            data: [
96 
                [Date.UTC(1970, 10, 25), 0],
97 
                [Date.UTC(1970, 11, 6), 0.25],
98 
                [Date.UTC(1970, 11, 20), 1.41],
99 
                [Date.UTC(1970, 11, 25), 1.64],
100 
                [Date.UTC(1971, 0, 4), 1.6],
101 
                [Date.UTC(1971, 0, 17), 2.55],
102 
                [Date.UTC(1971, 0, 24), 2.62],
103 
                [Date.UTC(1971, 1, 4), 2.5],
104 
                [Date.UTC(1971, 1, 14), 2.42],
105 
                [Date.UTC(1971, 2, 6), 2.74],
106 
                [Date.UTC(1971, 2, 14), 2.62],
107 
                [Date.UTC(1971, 2, 24), 2.6],
108 
                [Date.UTC(1971, 3, 2), 2.81],
109 
                [Date.UTC(1971, 3, 12), 2.63],
110 
                [Date.UTC(1971, 3, 28), 2.77],
111 
                [Date.UTC(1971, 4, 5), 2.68],
112 
                [Date.UTC(1971, 4, 10), 2.56],
113 
                [Date.UTC(1971, 4, 15), 2.39],
114 
                [Date.UTC(1971, 4, 20), 2.3],
115 
                [Date.UTC(1971, 5, 5), 2],
116 
                [Date.UTC(1971, 5, 10), 1.85],
117 
                [Date.UTC(1971, 5, 15), 1.49],
118 
                [Date.UTC(1971, 5, 23), 1.08]
119 
            ]
120 
        }]
121 
    });
122 
});
123 
		</script>
124 
	</head>
125 
	<body>
126 
<script src="../../js/highcharts.js"></script>
127 
<script src="../../js/modules/exporting.js"></script>
128 
 
129 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
130 
 
131 
	</body>
132 
</html>