-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBarGraphHDIclass.html
41 lines (37 loc) · 1.3 KB
/
BarGraphHDIclass.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script type='text/javascript'>//<![CDATA[
var dataValues =[0.75700000000000001, 0.48899999999999999, 0.65100000000000002, 0.874]
;
var dataValues2 =
[0.72699999999999998, 0.41299999999999998, 0.59999999999999998, 0.85399999999999998]
;
var categories =
['High HDI', 'Low HDI', 'Medium HDI', 'Very high HDI']
;
// Define the variables
var title="Human Development Index by gender, 2013";
var c1="rgba(165,170,217,1)";
var c2="rgba(126,86,134,.9)";
var serie1="Men";
var serie2="Women";
</script>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Highcharts with variable Column - by ThomasRoca</title>
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript'>
$(function () {
$('#container').highcharts({
chart: {type: 'column'},
plotOptions: {column: {grouping:false,shadow:false,borderWidth: 0} },
title: { text:title },
xAxis: {categories: categories },
series: [{ name: serie1, color: c1, data: dataValues,pointPadding: 0.3 },
{name: serie2, color: c2, data: dataValues2,pointPadding: 0.4 }
]
});
});
//]]>
</script></head>
<body><script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
</body></html>