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 
    // Create the chart
14 
    $('#container').highcharts({
15 
        chart: {
16 
            type: 'column'
17 
        },
18 
        title: {
19 
            text: 'Browser market shares. January, 2015 to May, 2015'
20 
        },
21 
        subtitle: {
22 
            text: 'Click the columns to view versions. Source: <a href="http://netmarketshare.com">netmarketshare.com</a>.'
23 
        },
24 
        xAxis: {
25 
            type: 'category'
26 
        },
27 
        yAxis: {
28 
            title: {
29 
                text: 'Total percent market share'
30 
            }
31 
 
32 
        },
33 
        legend: {
34 
            enabled: false
35 
        },
36 
        plotOptions: {
37 
            series: {
38 
                borderWidth: 0,
39 
                dataLabels: {
40 
                    enabled: true,
41 
                    format: '{point.y:.1f}%'
42 
                }
43 
            }
44 
        },
45 
 
46 
        tooltip: {
47 
            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
48 
            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
49 
        },
50 
 
51 
        series: [{
52 
            name: "Brands",
53 
            colorByPoint: true,
54 
            data: [{
55 
                name: "Microsoft Internet Explorer",
56 
                y: 56.33,
57 
                drilldown: "Microsoft Internet Explorer"
58 
            }, {
59 
                name: "Chrome",
60 
                y: 24.03,
61 
                drilldown: "Chrome"
62 
            }, {
63 
                name: "Firefox",
64 
                y: 10.38,
65 
                drilldown: "Firefox"
66 
            }, {
67 
                name: "Safari",
68 
                y: 4.77,
69 
                drilldown: "Safari"
70 
            }, {
71 
                name: "Opera",
72 
                y: 0.91,
73 
                drilldown: "Opera"
74 
            }, {
75 
                name: "Proprietary or Undetectable",
76 
                y: 0.2,
77 
                drilldown: null
78 
            }]
79 
        }],
80 
        drilldown: {
81 
            series: [{
82 
                name: "Microsoft Internet Explorer",
83 
                id: "Microsoft Internet Explorer",
84 
                data: [
85 
                    [
86 
                        "v11.0",
87 
                        24.13
88 
                    ],
89 
                    [
90 
                        "v8.0",
91 
                        17.2
92 
                    ],
93 
                    [
94 
                        "v9.0",
95 
                        8.11
96 
                    ],
97 
                    [
98 
                        "v10.0",
99 
                        5.33
100 
                    ],
101 
                    [
102 
                        "v6.0",
103 
                        1.06
104 
                    ],
105 
                    [
106 
                        "v7.0",
107 
                        0.5
108 
                    ]
109 
                ]
110 
            }, {
111 
                name: "Chrome",
112 
                id: "Chrome",
113 
                data: [
114 
                    [
115 
                        "v40.0",
116 
                        5
117 
                    ],
118 
                    [
119 
                        "v41.0",
120 
                        4.32
121 
                    ],
122 
                    [
123 
                        "v42.0",
124 
                        3.68
125 
                    ],
126 
                    [
127 
                        "v39.0",
128 
                        2.96
129 
                    ],
130 
                    [
131 
                        "v36.0",
132 
                        2.53
133 
                    ],
134 
                    [
135 
                        "v43.0",
136 
                        1.45
137 
                    ],
138 
                    [
139 
                        "v31.0",
140 
                        1.24
141 
                    ],
142 
                    [
143 
                        "v35.0",
144 
                        0.85
145 
                    ],
146 
                    [
147 
                        "v38.0",
148 
                        0.6
149 
                    ],
150 
                    [
151 
                        "v32.0",
152 
                        0.55
153 
                    ],
154 
                    [
155 
                        "v37.0",
156 
                        0.38
157 
                    ],
158 
                    [
159 
                        "v33.0",
160 
                        0.19
161 
                    ],
162 
                    [
163 
                        "v34.0",
164 
                        0.14
165 
                    ],
166 
                    [
167 
                        "v30.0",
168 
                        0.14
169 
                    ]
170 
                ]
171 
            }, {
172 
                name: "Firefox",
173 
                id: "Firefox",
174 
                data: [
175 
                    [
176 
                        "v35",
177 
                        2.76
178 
                    ],
179 
                    [
180 
                        "v36",
181 
                        2.32
182 
                    ],
183 
                    [
184 
                        "v37",
185 
                        2.31
186 
                    ],
187 
                    [
188 
                        "v34",
189 
                        1.27
190 
                    ],
191 
                    [
192 
                        "v38",
193 
                        1.02
194 
                    ],
195 
                    [
196 
                        "v31",
197 
                        0.33
198 
                    ],
199 
                    [
200 
                        "v33",
201 
                        0.22
202 
                    ],
203 
                    [
204 
                        "v32",
205 
                        0.15
206 
                    ]
207 
                ]
208 
            }, {
209 
                name: "Safari",
210 
                id: "Safari",
211 
                data: [
212 
                    [
213 
                        "v8.0",
214 
                        2.56
215 
                    ],
216 
                    [
217 
                        "v7.1",
218 
                        0.77
219 
                    ],
220 
                    [
221 
                        "v5.1",
222 
                        0.42
223 
                    ],
224 
                    [
225 
                        "v5.0",
226 
                        0.3
227 
                    ],
228 
                    [
229 
                        "v6.1",
230 
                        0.29
231 
                    ],
232 
                    [
233 
                        "v7.0",
234 
                        0.26
235 
                    ],
236 
                    [
237 
                        "v6.2",
238 
                        0.17
239 
                    ]
240 
                ]
241 
            }, {
242 
                name: "Opera",
243 
                id: "Opera",
244 
                data: [
245 
                    [
246 
                        "v12.x",
247 
                        0.34
248 
                    ],
249 
                    [
250 
                        "v28",
251 
                        0.24
252 
                    ],
253 
                    [
254 
                        "v27",
255 
                        0.17
256 
                    ],
257 
                    [
258 
                        "v29",
259 
                        0.16
260 
                    ]
261 
                ]
262 
            }]
263 
        }
264 
    });
265 
});
266 
		</script>
267 
	</head>
268 
	<body>
269 
<script src="../../js/highcharts.js"></script>
270 
<script src="../../js/modules/data.js"></script>
271 
<script src="../../js/modules/drilldown.js"></script>
272 
 
273 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
274 
	</body>
275 
</html>