Questions tagged [d3-org-chart]
The d3-org-chart tag has no usage guidance.
d3-org-chart
13
questions
0
votes
2
answers
32
views
Vue 2.15.3 Node 18.18.0 d3-org-chart require() of ES Module
I am using Nuxt 2 with Vue version 2.15.3 and my Node version is 18.18.0, npm 9.8.1
"nuxt": "^2.15.3",
"d3-org-chart": "^3.1.1",
After npm install d3-org-chart,...
- 654
0
votes
0
answers
30
views
d3-org-chart, link connection without roundings
d3-org-chart connection links are rounded by default I didn't found a way configured it without border radius
1
vote
1
answer
37
views
D3orgChart Zoom when scrolling
Here is an example of adding buttons to zoom in and zoom out on a chart.
I need to stop zoom when scrolling on chart.
How can I do that?
https://stackblitz.com/edit/js-zd21e3?file=index.html
i tried ...
- 33
0
votes
0
answers
18
views
Translate coordinates of label in d3 org chart
How to place a label on the center of the pink path in the example below?
Overwrite refX and refY of the label definition. But then how two translate the center-coords? Because the distance (conn....
- 525
0
votes
0
answers
91
views
Customize position for certain node in d3 org chart
How to customize position of certain node in d3 org chart? You can use layout bindings such as nodeUpdateTransform to modify each node. But the node is just a parameter-object with no identifier { x: ...
- 525
0
votes
1
answer
61
views
Draw connection after node is moved in d3 org chart
I want to draw a connection between nodes (node1 and node2) after moving certain node2 to different position using custom layout binding (nodeUpdateTransform). In the following example the connection ...
- 525
0
votes
0
answers
18
views
How to escape HTML in display text within rectangle node
I am using the d3-org library for creating a chart and would like to be able to add images or break the text over multiple lines.
The text within the rectangle seems to escape any html and was ...
0
votes
0
answers
39
views
Position of the Panning and Zoom to be saved in localstorage on d3-org-chart library
I am using "d3-org-chart" library for creating org chart. I have used it inbuilt methods for zooming and panning(i.e. zoomIn and zoomOut). I want to save the zoom/pan position in ...
0
votes
1
answer
228
views
How can I ensure my ReactJS Bumbeishvili D3-Org-Chart updates correctly when layout is changed or data is changed?
I have replicated and simplified my problems on CodeSandbox which can be viewed here: https://codesandbox.io/p/sandbox/d3-org-chart-react-functional-org-chart-gvfz4l?file=%2Fsrc%2Fcomponents%...
0
votes
0
answers
137
views
d3-organisation-chart, onclick event on inside node?
Inside .nodeContent in d3-organisation chart can we add onclik event for a div. I have tried to add onclick and written function in a script. But its showing an error like Uncaught ReferenceError: ...
0
votes
0
answers
367
views
D3.js OrgChart - How can make some nodes with different styles (compact or non-compact)
I used d3 OrgChart and implemented my code as below:
d3.json(
url.href
).then((dataFlattened) => {
modes = modes.map(element => { if (element.checked) { element.checked = false; } else {...
- 1,373
0
votes
1
answer
527
views
Handle node rearranging in d3 org chart
In my React app, I have been using the d3 org chart library to display some of my charts.
The example I used is from here:
https://codesandbox.io/s/org-chart-fnx0zi?file=/src/components/orgChart.js
...
- 4,561
0
votes
0
answers
26
views
React app fails on Heroku with JS heap allocation error
I have a React app, using the d3-org-chart package, which runs fine locally.
However, when deployed to Heroku, on startup it produces a
JavaScript heap out of memory - allocation error
The allocated ...
- 4,561