Comments (3)
The problem is solved by adding v-if=“dataLoaded” on the tree component and set the dataLoaded property to true loading the data. Also, I had to use json object instead of json string.
from vue.d3.tree.
this.tree = response.data.data;
this.tree=this.prepareData(this.tree);
This looks suspiscious. Try:
this.tree=this.prepareData(response.data.data);
from vue.d3.tree.
@David-Desmaisons Thanks David, I tried but still nothing is shown. Here is a sample of my data if you could have a look:
{
"id": 0,
"title": "Products",
"children": [{
"id": 1,
"title": "Motivate up to down communication",
"children": [{
"id": 7,
"title": "Ensure 100% of team members receive feedbacks quarterly"
}, {
"id": 8,
"title": "Roll out anonymous feedback surveys from bottom to up quarterly"
}]
}, {
"id": 2,
"title": "Empower colleagues and thus improve products",
"children": [{
"id": 9,
"title": "Track feedback from new sign-ups"
}, {
"id": 10,
"title": "Schedule meetings of all department members every two weeks"
}]
}]
}
To be specific, the small circle of the root is shown, only that circle, nothing else.
I think the problem is not in the data itself but in binding the data, I couldn't figure out how to do it.
from vue.d3.tree.
Related Issues (20)
- Provide URL Link to the nodes
- how to collpase vued3tree data at first level
- Tree Rendering
- Highlight node
- Adding a child node expands all nodes in the tree. HOT 2
- How to replace the entire tree? HOT 12
- Expected number > undefined HOT 1
- zoomable -> Error in mounted hook: "TypeError: Cannot read property 'transform' of undefined"
- not able to add the popup for adding the child from the node and deleting node HOT 3
- Any plans to support Vue3? HOT 1
- Draggable support?
- could not call event listener on node slot
- node at bottom
- [Vue warn]: Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'x')" HOT 2
- Node structure does not update when the data is updated via code HOT 1
- How link one node with multiple parent nodes ?
- Does it have support to drag and drop one node under another node? There is a zoomable property and it doesn't seem to work for dragging and dropping nodes
- 请问支持自定义文本吗
- Usability and customizability issues in tree layout options
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue.d3.tree.