how to custom X Axis chart parameter value color

Question

Helo guys, i need help in customize X Axis.i trying to create different symbol / Color when value is below 100% my target is something like this what im already try to do is this from controller
tags work fine but

Tags dont work as intended

Swetha Babu · Accepted Answer

Hi Muqaffi,Thank you for your response.We have achieved your requirement by using the load event in the Chart component. We have changed the content of the annotation which satisfies the goal. However, we have created a simple MVC application to demonstrate the same and it can be downloaded from the below link.Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartSample1474048372Code Snippet: var x; var loaded = function (args) { var dataSource = args.chart.series[0].dataSource; for (var i = 0; i < dataSource.length; i++) { if (dataSource[i][args.chart.series[0].yName] > 5600) { x = dataSource[i][args.chart.series[0].xName]; if (parseFloat(args.chart.annotations[i].x) === x) { args.chart.annotations[i].content = "

"; } } } } Screenshot:Kindly, revert us if you have any concerns.Regards,Swetha

Swetha Babu · Answer

Hi Muqaffi,Greetings from Syncfusion.Query 1: I trying to create different symbolsWe can achieve your requirement of adding a different symbol by using the Content property in Annotation. However, we have created a simple MVC application to demonstrate the same and it can be downloaded from the below link.Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartSample826186285Screenshot:Query 2:

tag does not workWe do not have support for the

tag in the Chart component.Kindly, revert us if you have any concerns.Regards,Swetha

Muqaffi Gusticahyo Adi Bhaskoro · Answer

Hi

Swetha, Thanks for replycan we change the symbol that appears according to X bar value ? like when the score not reach goal the symbol would be Xand when the score reach goal would be mark-tick