The Syncfusion native Blazor components library offers 70+ UI and Data Viz web controls that are responsive and lightweight for building modern web apps.
.NET PDF framework is a high-performance and comprehensive library used to create, read, merge, split, secure, edit, view, and review PDF files in C#/VB.NET.
SKSanjith 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.
[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