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.
Unfortunately, activation email could not send to your email. Please try again.

TreeMap width

Thread ID:

Created:

Updated:

Platform:

Replies:

133039 Oct 5,2017 08:36 AM Oct 10,2017 09:20 AM ASP.NET MVC 4
loading
Tags: TreeMap
Karthick
Asked On October 5, 2017 08:36 AM

Hi,
I am drawing a TreeMap dynamically. If there are multiple functions and applications then the content gets wrapped and the UI doesn't look good. Please find the attached sample. Is there any way that I can add more functions and the TreeMap gets adjusted automatically so that it looks legible and better.
Thanks,
Karthick

Attachment: TreeMap_2353702f.zip

Saravana Kumar Kanagavel [Syncfusion]
Replied On October 6, 2017 06:28 AM

  
Hi Karthick, 
 
Thanks for contacting Syncfusion Support. 
We have analyzed your query and achieved your requirement by using “TextOverFlow” property in LeafItemSetting. By using this property, you can hide or wrap the exceeding word in tree map. 
 
Please refer the code example below 
 
[Client Side] 
@(Html.EJ().TreeMap("treemap") 
     .LeafItemsSetting(lls => 
             { 
                  .TextOverflow(LabelTextOverflow.Wrap) 
           }) 
 
 
 
Kind find the below link to know more details about TextOverFlow property. 
 
 
And we have prepared the sample for your reference and attached in the below location. 
 
  
Please find the output of the sample below 
 
 
Please let us know if you have any concern. 
 
Regards, 
Saravana Kumar K. 
                                                                


Karthick
Replied On October 9, 2017 09:11 AM

Thank You Sarava Kumar for your response. In this example which you provided there are 5 sections (countries in the below example) which actually fit well within a row. I have close to 12 sections in my input and even TextOverFlow also gets crunched. Now, i divided the input into 3 and created 3 treemaps in views and assigned the value. Is there any better option to do that?


Saravana Kumar Kanagavel [Syncfusion]
Replied On October 10, 2017 09:16 AM

Hi Karthick, 
 
Thanks for your revert. 
 
We have tried the 12 sections in a row to replicate the reported issue but not able to reproduce the reported issue at our end. Thus all labels are hided or wrapped properly into the particular slice container. 
 
And we have tried to replicate the sample from the below. 
Sample Link :  
 
Please find the output of the sample below 
  
 
And if you still face any concern, kindly revert us with issue reproducing runnable sample or modified the attached sample along with replication steps and this will be easy helpful to find the issue and to provide the exact solution sooner. 
 
Please let us know if you have any concern. 
 
Regards, 
Saravana Kumar K. 
 


Saravana Kumar Kanagavel [Syncfusion]
Replied On October 10, 2017 09:20 AM

Hi Karthick, 
  
Please find the sample from the below link 
  
  
Thanks, 
Saravana Kumar K. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;