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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Chart Yaxis

Thread ID:





120805 Oct 16,2015 05:59 AM UTC Oct 16,2015 01:03 PM UTC ASP.NET Web Forms 1
Tags: Chart
Asked On October 16, 2015 05:59 AM UTC


I have following mention doubt in chart.

1.how to bold the X axis line.
2.how to bold the XAxis starting data table value and YAxis Ending data label value .

Thank you,

Sanjith Kesavan [Syncfusion]
Replied On October 16, 2015 01:03 PM UTC

Hi Vijaykumar,
Thanks for contacting Syncfusion support. We have analyzed your query. Please find the response for your queries below.

Query1: 1.How to bold the xaxis start line.

For bold the entire X-Axis line we can use the “AxisLine-Width” property for the PrimaryXAxis. Or else if you need to bold the tick line, then you can use the “MajorTickLine-Width” property for the PrimaryYAxis. Please find the below code example.


In the above code example we have set the width as 5 for the X-Axis line using the “AxisLine-Width” property for the PrimaryXAxis. And also we have set the width of the MajorTickLines as 1.5 using the “MajorTickLine-Width” property. We cannot change the width of only one TickLine. Because all the ticklines are drawn in the single path. This is the current behavior of the chart. To know more details about “AxisLine” and “MajorTickLines” property please find the below links.
Links: http://help.syncfusion.com/js/api/ejchart#members:primaryxaxis-majorticklines


Query2: how to bold x and y axis starting and ending datalebel value. 

For change the datalabel FontWeight we can use the “FontWeight” property for the datalabel. Default value for the “FontWeight” is “Normal”. If you want to bold the datalabel, then you can set the “FontWeight” as “bold”. This will “bold” all the datalabels in the chart. This is current behavior of the chart. If you want to set the first and last datalabel bold please find the below code. 

We have subscribed the “OnClientAnimationComplete” event and write the above code. In the above code we have got the particular datalabel from the DOM using its unique id and set its fontweight as bold. Please find the below screenshot.

In the above screenshot datalabel in the first and last column is visible as bold compared to other labels. Please find the below link to know more details about datalabel font properties.

We have prepared the sample as per your requirement. Please find the sample from below mentioned location. 
Sample Link:  
Please let us know if you have any concern.

Sanjith K.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon