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. Image for the cookie policy date
close icon

First and Last datalabels value are not shown properly (cut the value)??

Hello,
Please go through attachment.


Attachment: Side_DataLabel_get_cut_off_fdbaddf2.rar

3 Replies

JA Jayavigneshwaran Syncfusion Team April 1, 2015 06:29 AM UTC

Hi Kalpa,

Thanks for using Syncfusion product.

We have analyzed this. This can be overcome by using anyone of the below ways


Setting rangePadding

On setting range padding as additional will add an interval to the start and end of the chart. The below shows a normally rendered chart


This shows a rendered chart with additional range padding. By setting this the data labels can made to visible fully


The below shows the code snippet to achieve this

[JS]

$("#container").ejChart(

{

primaryXAxis:

{

rangePadding: "additional",

title: { text: 'Years' }

}

});


Setting plotOffset

On setting a value for plotoffset will move the starting and ending point from axis to the specified values based on pixels.

The below screen shot shows this



[JS]

$("#container").ejChart(

{

primaryXAxis:

{

plotOffset: 30,

title: { text: 'Years' }

}

});


We have also made a sample to illustrate this. Find it from the below location
sample.zip


Please let us know if you have any concern.


Thanks,

Jayavigneshwaran



KS kalpa serashiya April 1, 2015 06:50 AM UTC

Hello,
Thank you,now datalabels shown properly.


JA Jayavigneshwaran Syncfusion Team April 2, 2015 06:35 AM UTC

Hi Kalpa,
Thanks for your update.

let us know if you face any difficulties.
Thanks,
Jayavigneshwaran

Loader.
Live Chat Icon For mobile
Up arrow icon