Hi Kalpa,
Thanks for using Syncfusion product.
We have analyzed this and made a sample as shown in attached screen shot. Find it from the below location
bar.zip
To display the labels as mentioned use the below format
[JS]
$("#container").ejChart(
{
primaryXAxis:
{
labelFormat: "dd/MM/yyyy"
}
}); |
Data label can be rendered in that position by specifying the below options
[JS]
$("#container").ejChart(
{
commonSeriesOptions: {
type: 'bar',
marker:{
dataLabel: {
visible:true, horizontalTextAlignment : "far", font:{color:"#015690"}},
}
}
}); |
The below link helps in understanding the options available for customizing the data labels
Link : http://help.syncfusion.com/ug/js/documents/datalabels.htm
The below screen shot shows the output of the attached sample
Please let us know if you have any concern.
Thanks,
Jayavigneshwaran