d3_renderers.js
3.29 KB
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
95
96
97
98
99
100
101
102
103
104
105
(function() {
var callWithJQuery;
callWithJQuery = function(pivotModule) {
if (typeof exports === "object" && typeof module === "object") {
return pivotModule(require("jquery"), require("d3"));
} else if (typeof define === "function" && define.amd) {
return define(["jquery", "d3"], pivotModule);
} else {
return pivotModule(jQuery, d3);
}
};
callWithJQuery(function($, d3) {
return $.pivotUtilities.d3_renderers = {
Treemap: function(pivotData, opts) {
var addToTree, color, defaults, height, i, len, ref, result, rowKey, tree, treemap, value, width;
defaults = {
localeStrings: {},
d3: {
width: function() {
return $(window).width() / 1.4;
},
height: function() {
return $(window).height() / 1.4;
}
}
};
opts = $.extend(true, {}, defaults, opts);
result = $("<div>").css({
width: "100%",
height: "100%"
});
tree = {
name: "All",
children: []
};
addToTree = function(tree, path, value) {
var child, i, len, newChild, ref, x;
if (path.length === 0) {
tree.value = value;
return;
}
if (tree.children == null) {
tree.children = [];
}
x = path.shift();
ref = tree.children;
for (i = 0, len = ref.length; i < len; i++) {
child = ref[i];
if (!(child.name === x)) {
continue;
}
addToTree(child, path, value);
return;
}
newChild = {
name: x
};
addToTree(newChild, path, value);
return tree.children.push(newChild);
};
ref = pivotData.getRowKeys();
for (i = 0, len = ref.length; i < len; i++) {
rowKey = ref[i];
value = pivotData.getAggregator(rowKey, []).value();
if (value != null) {
addToTree(tree, rowKey, value);
}
}
color = d3.scale.category10();
width = opts.d3.width();
height = opts.d3.height();
treemap = d3.layout.treemap().size([width, height]).sticky(true).value(function(d) {
return d.size;
});
d3.select(result[0]).append("div").style("position", "relative").style("width", width + "px").style("height", height + "px").datum(tree).selectAll(".node").data(treemap.padding([15, 0, 0, 0]).value(function(d) {
return d.value;
}).nodes).enter().append("div").attr("class", "node").style("background", function(d) {
if (d.children != null) {
return "lightgrey";
} else {
return color(d.name);
}
}).text(function(d) {
return d.name;
}).call(function() {
this.style("left", function(d) {
return d.x + "px";
}).style("top", function(d) {
return d.y + "px";
}).style("width", function(d) {
return Math.max(0, d.dx - 1) + "px";
}).style("height", function(d) {
return Math.max(0, d.dy - 1) + "px";
});
});
return result;
}
};
});
}).call(this);
//# sourceMappingURL=d3_renderers.js.map