tyler.durden
/
pandorafms
mirror of https://github.com/pandorafms/pandorafms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch '1367-radial-dinamic-rotate-texts-around-center-dev' into 'develop' 

Added some modifications to sunburst d3 function

See merge request artica/pandorafms!1018
This commit is contained in:
vgilc 2017-11-06 12:15:30 +01:00
parent c76ac64476 b01d0e78af
commit 9b163ce3e0
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pandora_console/include/graphs/pandora.d3.js
View File

@ -724,12 +724,13 @@ function sunburst (recipient, data, width, height) {
.on("mousemove", move_tooltip); .on("mousemove", move_tooltip);
function computeTextRotation(d) { function computeTextRotation(d) {
var angle = x(d.x + d.dx / 2) - Math.PI / 2; var ang = (x(d.x + d.dx / 2) - Math.PI / 2) / Math.PI * 180;
return angle / Math.PI * 180; return (ang > 90) ? 180 + ang : ang;
} }
var text = g.append("text") var text = g.append("text")
.attr("x", function(d) { return y(d.y); }) .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")rotate(" + computeTextRotation(d) + ")"; })
.attr("x", function (d) { return computeTextRotation(d) > 180 ? -40 : -30; })
.attr("dx", "6") // margin .attr("dx", "6") // margin
.attr("dy", ".35em") // vertical-align .attr("dy", ".35em") // vertical-align
.attr("opacity", function(d) { .attr("opacity", function(d) {
@ -741,7 +742,6 @@ function sunburst (recipient, data, width, height) {
.text(function(d) { .text(function(d) {
return d.name; return d.name;
}) })
.attr("transform", function(d) { return "rotate(" + computeTextRotation(d) + ")"; })
.style("font-size", "10px") .style("font-size", "10px")
// Makes svg elements invisible to events // Makes svg elements invisible to events
.style("pointer-events", "none"); .style("pointer-events", "none");
@ -768,8 +768,8 @@ function sunburst (recipient, data, width, height) {
var arcText = d3.select(this.parentNode).select("text"); var arcText = d3.select(this.parentNode).select("text");
// fade in the text element and recalculate positions // fade in the text element and recalculate positions
arcText arcText
.attr("transform", function() { return "rotate(" + computeTextRotation(e) + ")" }) .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")rotate(" + computeTextRotation(d) + ")"; })
.attr("x", function(d) { return y(d.y); }) .attr("x", function (d) { return computeTextRotation(d) > 180 ? -40 : -30; })
.transition().duration(250) .transition().duration(250)
.attr("opacity", 1); .attr("opacity", 1);
} }