chart

Question

1.Format X label value.2.show datalabel as shown in attached Image Attachment: Untitled_46f29259.rar

Jayavigneshwaran · Answer

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 locationbar.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