-
Notifications
You must be signed in to change notification settings - Fork 14
/
adv-04.html
48 lines (47 loc) · 3.11 KB
/
adv-04.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
42
43
44
45
46
47
48
<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Idescat Visual sample page</title>
<link href="../visual.css" rel="stylesheet" type="text/css" />
<script src="../visual.js"></script>
<script src="../visual.setup.js"></script>
</head>
<body>
<div id="visual" class="visual"></div>
<script>
VisualJS.compare({
css : "../visual.css",
title: "Advanced example: Comparing two charts side by side. 1995 vs. 2011",
load : [
{
title : "1995",
lang: "en",
legend: false,
type : "cmap",
range : [6, 12], //Both maps will have the same color assignation
by : "com",
unit: {symbol: "‰"},
dec : 2,
data : [{id: "01", val: 8.59}, {id: "02", val: 8.98}, {id: "03", val: 9.28}, {id: "04", val: 6.71}, {id: "05", val: 5.67}, {id: "06", val: 8.88}, {id: "07", val: 8.31}, {id: "08", val: 9.18}, {id: "09", val: 8.49}, {id: "10", val: 9.20}, {id: "11", val: 9.60}, {id: "12", val: 9.37}, {id: "13", val: 7.96}, {id: "14", val: 6.41}, {id: "15", val: 7.17}, {id: "16", val: 7.00}, {id: "17", val: 9.42}, {id: "18", val: 5.95}, {id: "19", val: 7.70}, {id: "20", val: 10.31}, {id: "21", val: 9.97}, {id: "22", val: 8.17}, {id: "23", val: 7.04}, {id: "24", val: 9.32}, {id: "25", val: 5.70}, {id: "26", val: 5.79}, {id: "27", val: 8.56}, {id: "28", val: 9.87}, {id: "29", val: 6.04}, {id: "30", val: 7.81}, {id: "31", val: 6.17}, {id: "32", val: 11.14}, {id: "33", val: 9.26}, {id: "34", val: 9.82}, {id: "35", val: 7.46}, {id: "36", val: 10.00}, {id: "37", val: 6.16}, {id: "38", val: 6.68}, {id: "39", val: 8.26}, {id: "40", val: 9.60}, {id: "41", val: 10.12}]
},
{
title : "2011",
lang: "en",
legend: false,
type : "cmap",
range : [6, 12], //Both maps will have the same color assignation
by : "com",
unit: {symbol: "‰"},
dec : 2,
data : [{id: "01", val: 10.85}, {id: "02", val: 11.14}, {id: "03", val: 12.32}, {id: "04", val: 7.34}, {id: "05", val: 10.93}, {id: "06", val: 11.77}, {id: "07", val: 10.28}, {id: "08", val: 11.56}, {id: "09", val: 9.70}, {id: "10", val: 10.51}, {id: "11", val: 11.23}, {id: "12", val: 11.86}, {id: "13", val: 9.64}, {id: "14", val: 8.91}, {id: "15", val: 8.78}, {id: "16", val: 8.83}, {id: "17", val: 10.29}, {id: "18", val: 7.95}, {id: "19", val: 10.57}, {id: "20", val: 13.20}, {id: "21", val: 10.95}, {id: "22", val: 9.57}, {id: "23", val: 9.51}, {id: "24", val: 12.25}, {id: "25", val: 8.53}, {id: "26", val: 8.78}, {id: "27", val: 11.57}, {id: "28", val: 10.97}, {id: "29", val: 7.64}, {id: "30", val: 7.83}, {id: "31", val: 9.10}, {id: "32", val: 10.91}, {id: "33", val: 11.48}, {id: "34", val: 10.52}, {id: "35", val: 11.36}, {id: "36", val: 11.16}, {id: "37", val: 6.99}, {id: "38", val: 9.71}, {id: "39", val: 8.64}, {id: "40", val: 12.02}, {id: "41", val: 11.79}]
}
]
});
</script>
</body>
</html>