Custom title style and Axis Label text wrap

[jsu]

Hi Team,

Could you please advise how to give custom style for chart Title in Donut chart.

Also, I need to wrap X-axis and Y Axis label texts in bar chart. Please help on this as well.

Thanks in advance

[Dharanidharan Dharmasivam]

Hi Jsu, 

 

Greetings from Syncfusion. Kindly find the response for your queries below. 

 

Query #1: Could you please advise how to give custom style for chart Title in Donut chart.  

Using the TitleStyle property you can customize the title. We have prepared a sample in which we have customized the color and size of title. This can be change with respect to your scenario. 

 

 

@(Html.EJS().AccumulationChart("container") 

 

      Other chart configuration 

 

     .Title("Project Cost Breakdown") 

     .TitleStyle(ts=>ts.Color("#ff1a75").Size("16")) 

 

.Render()) 

 

 

Screenshot: 

 

Query #2: I need to wrap X-axis and Y Axis label texts in bar chart. 

Currently when label got intersect with each other, then we have wrapped the text only for x axis. For more information on label interest action, kindly find the help document below. 

https://ej2.syncfusion.com/aspnetmvc/documentation/chart/axis-labels/#smart-axis-labels  

 

Online sample can be found below. https://ej2.syncfusion.com/javascript/demos/#/material/chart/smart-axis-labels.html  

 

Could you please let us know with more information (use case in your scenario), if the provided solution doesn’t meet your requirement.  

 

Thanks, 

Dharani.