-
Notifications
You must be signed in to change notification settings - Fork 92
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Node wrapping at certain indexes #242
Comments
Regarding the wrapping cutting strategy: The cutting strategy works only for connected components, moreover, the manual mode is broken in 0.8.2 and a list of cuts required for the manual mode can only be added programmatically. Regarding placement: I suggest putting each of our groups in its own node. You can however circumvent that by increasing the width of the dummy parent nodes such that two of them cannot fit in the same row and by setting the desired aspect ratio of the packing or for rectpacking the target width for the row accordingly. Another option would be to just place them yourself and use the fixed layout algorithm. |
Can you please build your example graph in elklive or elklive json to be sure we are talking about the same issues? As far as I understand it, you want something like this. |
Hi that is indeed almost what I am looking for! Is there a way to convert your "this" example into a json example? I guess my grouping is all wrong Thanks |
You can use the converter. Note however that you need to use elkg as an intermediate representation in some cases. |
I am looking for a method to force "newlines" at certain nodes.
I want to create some kind of "step" method when clicking the nodes.
The steps are indicated at the top-left of the nodes.
Here is an example of my ideal outcome:
![image](https://private-user-images.githubusercontent.com/40174298/271229345-22ec4717-a370-44c3-8cd5-d4ce32849c98.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NjM4MzQsIm5iZiI6MTcyMzk2MzUzNCwicGF0aCI6Ii80MDE3NDI5OC8yNzEyMjkzNDUtMjJlYzQ3MTctYTM3MC00NGMzLThjZDUtZDRjZTMyODQ5Yzk4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA2NDUzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgxZGVhNTYwODJmYzc4ZTViNTVlODM5Y2QzNGM3ZTc2NThjMzRiZTViZTExZTMwYjdhZDJjMDk3Y2I0YjhhZWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Yp_14CU8w9981izYMMoNipDT3hltg7pLdEd5iM8qf1w)
The only problem is that the nodes will be placed next to eachother whenever there is enough space for it.
![image](https://private-user-images.githubusercontent.com/40174298/271229975-312f144a-ea90-48e1-8f72-26bb059b5c99.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NjM4MzQsIm5iZiI6MTcyMzk2MzUzNCwicGF0aCI6Ii80MDE3NDI5OC8yNzEyMjk5NzUtMzEyZjE0NGEtZWE5MC00OGUxLThmNzItMjZiYjA1OWI1Yzk5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA2NDUzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTViNzBiNzZlMzUyZDNjYzIzOWQxYmYwNWE4NDg3NzlhOTZkMzBmNWIyZDU4YTE3NTViY2Y2YmJhZjZjYTNkYmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5v4FcSB6x7tHZDvzjM4HT6feM7FC9eZmkFyQCAPIqZg)
![image](https://private-user-images.githubusercontent.com/40174298/271230890-55a5fa85-27b6-44de-9d07-eb7e64185855.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NjM4MzQsIm5iZiI6MTcyMzk2MzUzNCwicGF0aCI6Ii80MDE3NDI5OC8yNzEyMzA4OTAtNTVhNWZhODUtMjdiNi00NGRlLTlkMDctZWI3ZTY0MTg1ODU1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA2NDUzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUxNGJlNTQxNjk1ZmZkYTI2YzQ2OTg5MmY1NzgyYzgzMjZiNzkwYmZiNTc0ZjZjZWYxOWVmZmVmYmZmMTMzNzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.VL3-rlKZV7U2MzuQimORV1qNL4zIvnINf04e1o6Bo2A)
This is my outcome right now:
I am trying to make a dynamic component, this happends when I select some big data:
I want to create a kind of "flex-direction" "column" type, so that the steps would be rendered below eachother.
I tried several methods, this is my current config:
Preferably I would even create groups and give the nodes the "parentNode" property, so that it the steps are more clear, but I cant seem to determine the width and height of this group dynamically.
Any other out of the box ideas are welcome.
ELK Version
0.8.2
The text was updated successfully, but these errors were encountered: