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 Yaxis


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,

1 Reply

SK Sanjith Kesavan Syncfusion Team 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: https://help.syncfusion.com/api/js/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.

Live Chat Icon For mobile
Up arrow icon