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 
 
15 
        chart: {
16 
            type: 'column'
17 
        },
18 
 
19 
        title: {
20 
            text: 'Total fruit consumtion, grouped by gender'
21 
        },
22 
 
23 
        xAxis: {
24 
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
25 
        },
26 
 
27 
        yAxis: {
28 
            allowDecimals: false,
29 
            min: 0,
30 
            title: {
31 
                text: 'Number of fruits'
32 
            }
33 
        },
34 
 
35 
        tooltip: {
36 
            formatter: function () {
37 
                return '<b>' + this.x + '</b><br/>' +
38 
                    this.series.name + ': ' + this.y + '<br/>' +
39 
                    'Total: ' + this.point.stackTotal;
40 
            }
41 
        },
42 
 
43 
        plotOptions: {
44 
            column: {
45 
                stacking: 'normal'
46 
            }
47 
        },
48 
 
49 
        series: [{
50 
            name: 'John',
51 
            data: [5, 3, 4, 7, 2],
52 
            stack: 'male'
53 
        }, {
54 
            name: 'Joe',
55 
            data: [3, 4, 4, 2, 5],
56 
            stack: 'male'
57 
        }, {
58 
            name: 'Jane',
59 
            data: [2, 5, 6, 2, 1],
60 
            stack: 'female'
61 
        }, {
62 
            name: 'Janet',
63 
            data: [3, 0, 4, 4, 3],
64 
            stack: 'female'
65 
        }]
66 
    });
67 
});
68 
		</script>
69 
	</head>
70 
	<body>
71 
<script src="../../js/highcharts.js"></script>
72 
<script src="../../js/modules/exporting.js"></script>
73 
 
74 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
75 
 
76 
	</body>
77 
</html>