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 
#container {
10 
	min-width: 300px;
11 
	max-width: 600px;
12 
	margin: 0 auto;
13 
}
14 
		</style>
15 
		<script type="text/javascript">
16 
$(function () {
17 
    $('#container').highcharts({
18 
        colorAxis: {
19 
            minColor: '#FFFFFF',
20 
            maxColor: Highcharts.getOptions().colors[0]
21 
        },
22 
        series: [{
23 
            type: "treemap",
24 
            layoutAlgorithm: 'squarified',
25 
            data: [{
26 
                name: 'A',
27 
                value: 6,
28 
                colorValue: 1
29 
            }, {
30 
                name: 'B',
31 
                value: 6,
32 
                colorValue: 2
33 
            }, {
34 
                name: 'C',
35 
                value: 4,
36 
                colorValue: 3
37 
            }, {
38 
                name: 'D',
39 
                value: 3,
40 
                colorValue: 4
41 
            }, {
42 
                name: 'E',
43 
                value: 2,
44 
                colorValue: 5
45 
            }, {
46 
                name: 'F',
47 
                value: 2,
48 
                colorValue: 6
49 
            }, {
50 
                name: 'G',
51 
                value: 1,
52 
                colorValue: 7
53 
            }]
54 
        }],
55 
        title: {
56 
            text: 'Highcharts Treemap'
57 
        }
58 
    });
59 
});
60 
		</script>
61 
	</head>
62 
	<body>
63 
<script src="../../js/highcharts.js"></script>
64 
<script src="../../js/modules/heatmap.js"></script>
65 
<script src="../../js/modules/treemap.js"></script>
66 
<div id="container"></div>
67 
	</body>
68 
</html>