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