Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
softend:test5:start [2013/12/25 12:10] – angelegt admin | softend:test5:start [2019/05/02 17:25] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
+ | < | ||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | |||
+ | text { | ||
+ | font: 10px sans-serif; | ||
+ | } | ||
+ | |||
+ | </ | ||
+ | < | ||
+ | <script src=" | ||
+ | < | ||
+ | |||
+ | var diameter = 960, | ||
+ | format = d3.format(", | ||
+ | color = d3.scale.category20c(); | ||
+ | |||
+ | var bubble = d3.layout.pack() | ||
+ | .sort(null) | ||
+ | .size([diameter, | ||
+ | .padding(1.5); | ||
+ | |||
+ | var svg = d3.select(" | ||
+ | .attr(" | ||
+ | .attr(" | ||
+ | .attr(" | ||
+ | |||
+ | d3.json(" | ||
+ | var node = svg.selectAll(" | ||
+ | .data(bubble.nodes(classes(root)) | ||
+ | .filter(function(d) { return !d.children; | ||
+ | .enter().append(" | ||
+ | .attr(" | ||
+ | .attr(" | ||
+ | |||
+ | node.append(" | ||
+ | .text(function(d) { return d.className + ": " + format(d.value); | ||
+ | |||
+ | node.append(" | ||
+ | .attr(" | ||
+ | .style(" | ||
+ | |||
+ | node.append(" | ||
+ | .attr(" | ||
+ | .style(" | ||
+ | .text(function(d) { return d.className.substring(0, | ||
+ | }); | ||
+ | |||
+ | // Returns a flattened hierarchy containing all leaf nodes under the root. | ||
+ | function classes(root) { | ||
+ | var classes = []; | ||
+ | |||
+ | function recurse(name, | ||
+ | if (node.children) node.children.forEach(function(child) { recurse(node.name, | ||
+ | else classes.push({packageName: | ||
+ | } | ||
+ | |||
+ | recurse(null, | ||
+ | return {children: classes}; | ||
+ | } | ||
+ | |||
+ | d3.select(self.frameElement).style(" | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | </ |