Chart Yaxis

[Vijaykumar]

Hi,

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,

Vijayakumar.S

[Sanjith Kesavan]

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.

[ASPX]
 

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
            https://help.syncfusion.com/api/js/ejchart#members:primaryxaxis-axisline 


Screenshot:


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.
Link: https://help.syncfusion.com/api/js/ejchart#members:series-marker-datalabel-font 

We have prepared the sample as per your requirement. Please find the sample from below mentioned location. 
Sample Link:  http://www.syncfusion.com/downloads/support/directtrac/145652/ze/WebApplication4590228931 
Please let us know if you have any concern.

Regards,
Sanjith K.