Hi,
Is it possible to configure the "HorizontalSeparation" between diagram elements (shapes) for every diagram level?
If parent diagram element is wide and all it's childs are not so wide, then parent elements are overlapping.
Example with this problem can be found here: https://dojo.telerik.com/erAFiwIB/2
5 Answers, 1 is accepted
0
Hi Mariusz,
I am afraid that there is no built-in option that will ensure that there will be space between elements. If you think that this will a be a good addition to the Diagram widget, you could log a feature request in our feedback portal:
Best Regards,
Konstantin Dikov
Progress Telerik
I am afraid that there is no built-in option that will ensure that there will be space between elements. If you think that this will a be a good addition to the Diagram widget, you could log a feature request in our feedback portal:
Best Regards,
Konstantin Dikov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.
0
Mariusz
Top achievements
Rank 1
answered on 07 May 2018, 08:21 AM
Our diagram has a different boxes widths and we need to display the entire diagram without overlapping.
Is there any workaround for that issue? Can you suggest anything?
0
Hello Mariusz,
The only thing that I could suggest is to test the "layered" type and see if the result is acceptable for your requirement:
Regards,
Konstantin Dikov
Progress Telerik
The only thing that I could suggest is to test the "layered" type and see if the result is acceptable for your requirement:
Regards,
Konstantin Dikov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.
0
Mariusz
Top achievements
Rank 1
answered on 29 May 2018, 03:47 PM
Thank you for your reply. Unfortunately "layered" type is not acceptable for our requirements. Could you please point us to the place in the source code where we could try to apply some custom modifications to handle that issue?
0
Hello Mariusz,
You could take a look at the dataviz/diagram/layout.js file and the "TreeLayoutProcessor" in particular. Maybe modifying the lines where the "horizontalSeparation" is used, so it could take into account the width could result in the exact rendering that you need.
Regards,
Konstantin Dikov
Progress Telerik
You could take a look at the dataviz/diagram/layout.js file and the "TreeLayoutProcessor" in particular. Maybe modifying the lines where the "horizontalSeparation" is used, so it could take into account the width could result in the exact rendering that you need.
Regards,
Konstantin Dikov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.