This is a migrated thread and some comments may be shown as answers.

Distance between diagram elements

5 Answers 129 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Mariusz
Top achievements
Rank 1
Mariusz asked on 27 Apr 2018, 01:20 PM

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

Sort by
0
Konstantin Dikov
Telerik team
answered on 01 May 2018, 06:29 AM
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
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
Konstantin Dikov
Telerik team
answered on 09 May 2018, 07:44 AM
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
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
Konstantin Dikov
Telerik team
answered on 31 May 2018, 08:41 AM
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
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.
Tags
Diagram
Asked by
Mariusz
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Mariusz
Top achievements
Rank 1
Share this question
or