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

chart

1.Format X label value.
2.show datalabel as
 shown in attached Image 

Attachment: Untitled_46f29259.rar

1 Reply

JA Jayavigneshwaran Syncfusion Team March 3, 2015 05:05 AM UTC

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



Loader.
Live Chat Icon For mobile
Up arrow icon