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

#10701 D3 Tree implementation, links and colors

This commit is contained in:
miguel angel rasteu 2023-08-02 12:29:20 +02:00
parent ca42714fca
commit 0a799c51e6
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pandora_console/include/javascript/d3.v7.js vendored
View File

@ -20651,6 +20651,7 @@ function TreeHorizontal(
halo = "#fff", // color of label halo halo = "#fff", // color of label halo
haloWidth = 3, // padding around the labels haloWidth = 3, // padding around the labels
curve = d3.curveBumpX, // curve for the link curve = d3.curveBumpX, // curve for the link
leftalign = false, // left align svg
} = {} } = {}
) { ) {
@ -20687,9 +20688,11 @@ function TreeHorizontal(
// Use the required curve // Use the required curve
if (typeof curve !== "function") throw new Error(`Unsupported curve`); if (typeof curve !== "function") throw new Error(`Unsupported curve`);
if (leftalign == false ) {
leftalign = -dy * padding / 2
}
const svg = d3.create("svg") const svg = d3.create("svg")
.attr("viewBox", [-dy * padding / 2, x0 - dx, width, height]) .attr("viewBox", [leftalign, x0 - dx, width, height])
.attr("width", width) .attr("width", width)
.attr("height", height) .attr("height", height)
.attr("style", "max-width: 100%; height: auto; height: intrinsic;") .attr("style", "max-width: 100%; height: auto; height: intrinsic;")
@ -20719,9 +20722,8 @@ function TreeHorizontal(
.attr("transform", d => `translate(${d.y},${d.x})`); .attr("transform", d => `translate(${d.y},${d.x})`);
node.append("circle") node.append("circle")
.attr("fill", d => d.children ? stroke : fill) .attr("r", r)
.attr("r", r); .attr("fill", d => fill(d.data, d));
if (title != null) node.append("title") if (title != null) node.append("title")
.text(d => title(d.data, d)); .text(d => title(d.data, d));