Custom Chart Tooltip Position & Bigger Hover Effect Area

Hi, I am trying to show the tooltip at the position of the mouse instead of above the bar  (it's a bar chart).
Also I want to have the hover effect for x-values that do not have any y-values. E.g. x = 1 has a some values I can just hover over the bar and get the tooltip, but if x = 2 has no values there is no bar to hover over it. In this case I want the hover effect to apply to the height of the entire chart at the  x = 2 position. Is there any way to accomplish this? fyi: I am using the tooltiprender event to customize the tooltip with a template and the event arguments.

Thank you!


1 Reply

DG Durga Gopalakrishnan Syncfusion Team August 3, 2022 02:45 PM UTC

Hi Michael,


Greetings from Syncfusion.


We have analyzed your required scenarios. Please check with below suggestions.


# 1 : I am trying to show the tooltip at the position of the mouse instead of above the bar


By default, for column and bar type charts, data point tooltip will be displayed on top of rectangle. It is actual behavior. As of now, we don’t have support to display the tooltip on position where cursor is available.


# 2 : I want to have the hover effect for x-values that do not have any y-values.


We don’t have option to achieve your required scenario. Please let us know if you have any concerns.


Regards,

Durga Gopalakrishnan.


Loader.
Up arrow icon