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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
$(function() {
var datasets = {
"ruby_2.0_amd64": {
label: "Ruby 2.0 amd64",
data: [[1, $('td[id="ruby_2.0_amd64"]').text()]]
},
"ruby_2.0_~amd64": {
label: "Ruby 2.0 ~amd64",
data: [[1, $('td[id="ruby_2.0_~amd64"]').text()]]
},
"ruby_2.1_amd64": {
label: "Ruby 2.1 amd64",
data: [[1, $('td[id="ruby_2.1_amd64"]').text()]]
},
"ruby_2.1_~amd64": {
label: "Ruby 2.1 ~amd64",
data: [[1, $('td[id="ruby_2.1_~amd64"]').text()]]
},
"ruby_2.2_amd64": {
label: "Ruby 2.2 amd64",
data: [[1, $('td[id="ruby_2.2_amd64"]').text()]]
},
"ruby_2.2_~amd64": {
label: "Ruby 2.2 ~amd64",
data: [[1, $('td[id="ruby_2.2_~amd64"]').text()]]
},
"ruby_2.3_amd64": {
label: "Ruby 2.3 amd64",
data: [[1, $('td[id="ruby_2.3_amd64"]').text()]]
},
"ruby_2.3_~amd64": {
label: "Ruby 2.3 ~amd64",
data: [[1, $('td[id="ruby_2.3_~amd64"]').text()]]
}
"ruby_2.3_amd64": {
label: "Ruby 2.3 amd64",
data: [[1, $('td[id="ruby_2.3_amd64"]').text()]]
},
"ruby_2.3_~amd64": {
label: "Ruby 2.3 ~amd64",
data: [[1, $('td[id="ruby_2.3_~amd64"]').text()]]
}
};
var i = 0;
$.each(datasets, function(key, val) {
val.color = i;
++i;
});
var choiceContainer = $("#package-targets-options");
$.each(datasets, function(key, val) {
choiceContainer.append("<br/><input type='checkbox' name='" + key +
"' checked='checked' id='id" + key + "'></input>" +
"<label for='id" + key + "'>"
+ val.label + "</label>");
});
choiceContainer.find("input").click(plotAccordingToChoices);
function plotAccordingToChoices() {
var data = [];
var ticks = [];
var i = 1;
choiceContainer.find("input:checked").each(function () {
var key = $(this).attr("name");
datasets[key].data[0][0] = i;
ticks.push([i, datasets[key].label]);
++i;
if (key && datasets[key]) {
data.push(datasets[key]);
}
});
$.plot("#package-targets-plot", data, {
legend: {
show: false
},
bars: {
align: "center",
barWidth: 0.9,
fill: 0.9,
show: true
},
xaxis: {
max: i,
min: 0,
rotateTicks: 145,
ticks: ticks
}
});
}
plotAccordingToChoices();
});
|