blob: 85df8edb89eab45cb431bad37edd0effc222694a (
plain)
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
|
function tabulate_caption(container,data,caption_text) {
var table = d3.select(container).append('table');
var caption = table.append("caption").text(caption_text);
//var titles = d3.keys(data[0]);
var titles = data.columns;
var headers = table.append('thead').append('tr')
.selectAll('th')
.data(titles).enter()
.append('th')
.text(function (d) {
return d;
});
var rows = table.append('tbody').selectAll('tr')
.data(data).enter()
.append('tr');
rows.selectAll('td')
.data(function (d) {
return titles.map(function (k) {
return { 'value': d[k], 'name': k};
});
}).enter()
.append('td')
.attr('data-th', function (d) {
return d.name;
})
.text(function (d) {
return d.value;
});
return table;
}
function tabulate_header_row(container,data,caption_text) {
var table = d3.select(container).append('table');
var caption = table.append("caption").text(caption_text);
var titles = d3.keys(data[0]);
for (var i=0; i<data.length ;i++) {
delete data[i][""];
data[i]["From\\To"] = titles[i];
}
var titles = d3.keys(data[0]);
titles.pop();
titles.unshift("From\\To");
var headers = table.append('thead').append('tr')
.selectAll('th')
.data(titles).enter()
.append('th')
.attr("class", function(d) {
if (d == "From\\To") {
return "corner-header"
}
})
.text(function (d) {
return d;
});
var rows = table.append('tbody').selectAll('tr')
.data(data).enter()
.append('tr');
rows.selectAll('td')
.data(function (d) {
return titles.map(function (k) {
return { 'value': d[k], 'name': k};
});
}).enter()
.append('td')
.attr('data-th', function (d) {
return d.name;
})
.attr("class", function(d) {
if (d.name == "From\\To") {
return "horizontal-header"
}
})
.text(function (d) {
return d.value;
});
return table;
}
|
