[VanCleefParticipant]

Hello Vladimir,

Thank you for your help, this solved the problem!

[VanCleefParticipant]

Hello Dimitar,

Thank you for your help, this is what I needed. I forgot to mention that I only had to underline the chart axis text on the x-axis. While looking through the stylesheet I noticed that both the x-axis and y-axis use the same identifier (.jqx-chart-axis-text). After a bit of trial and error I managed to find a solution. I would like to post the code here, in case somebody else is having the same problem.

function mouseOverEvent()
{
	$(".jqx-chart-axis-text").each(function()
	{
		var data = $(this).text();
		if (isNaN(data))
		{		                
			$(this).mouseenter(function(event)
			{
				$(event.target).css("text-decoration", "underline");
			});
			$(this).mouseleave(function(event)
			{
				$(event.target).css("text-decoration", "none");
			});
		}
	});
};

This code is triggered when the pointer moves over the chart. The code checks if the axis-text contains a number, if it doesn’t then the text will be underlined when the pointer moves over the text.

Ofcourse if there happens to be a proper solution to seperate the x-axis and y-axis then please let me know.

Regards,

VanCleef

[Author]

Posts