We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Radial Tree with dynamic source

I'm having some trouble getting the radial tree to work with a dynamic data source.  I've tried setting the data equal to an object array that gets updated in various cases, I've also tried using a DataManager in the same way binding to an array and I've also tried using the DataManager with a URL and WebApiAdaptor.

I'm using Vue and Typescript.  The only way I've been able to get the data to update is to clear the data, reset it and then refresh.
this.$refs.diagram.ej2Instances.dataSourceSettings.data = value;

What is the correct way to have a radial tree with a remote data source that can be refreshed without refreshing the page?

1 Reply

RT Ramya Thirugnanam Syncfusion Team March 1, 2019 02:07 AM

Hi Rebecca, 
Thanks for contacting Syncfusion support.  
We have created a sample to update the data source of radial tree dynamically. Please find the sample in beloe link 
Sample: Radial Tree 
In this sample, we have changed the data source of the radial tree in button click. Please find below code snippet for how to change the data dynamically. 
var data1 = new DataManager(data); 
                diagramInstance.dataSourceSettings.id = 'Id'; 
                diagramInstance.dataSourceSettings.parentId = 'ReportingPerson'; 
                diagramInstance.dataSourceSettings.dataManager = data1; 
Instead of refresh method, please use dataBind method to change the modified data.We have attached a screen shot for how data source update before and after button click 
Before button click 
After Button click 
Ramya T 

Live Chat Icon For mobile
Up arrow icon