CrosshairTooltip display issue in YAxis

[Ultra Margin Call]

Hello. I am testing implementing StockChart using Vue3.

While using StockChart, I found that YAxis CrosshairTooltip is not displayed correctly. (z-index problem?)

You can run the demo with the "Run Local Demos" button in the Syncfusion Essential Studio Control panel

and check the issue at the URL below.

URL: http://localhost:18215/Vue/stock-chart/stock-events/

- I am using Syncfusion Essential Studio Control panel 26.2.4.

- I think I remember that the same issue occurred in the previous version (e.g. v22.1.34).

Please check.

Attachment: yAxis_Crosshair_Tooltip_Issue_b2bd4af6.zip

[Swetha Babu]

Hi Ultra,

Greetings from Syncfusion.

We are validating the reported scenario and update you with further details within one business days(23/9/24).

Regards,

Swetha

[Swetha Babu]

Ultra,

We have considered the reported scenario as a bug and logged a defect report for the same. The fix for the reported scenario will be included in our weekly patch release which is expected to be rolled out on 30^th September 2024. Please find the below feedback link to keep track of the reported scenario.

Feedback link: https://www.syncfusion.com/feedback/61531/the-crosshair-tooltip-should-be-shown-in-the-axis-labels

If you have any more specifications/precise replication procedure to be followed, please add it as a comment in the portal.

[Nishanthi Panner Selvam]

Hi Ultra,

We have fixed the reported issue – “CrosshairTooltip display issue in YAxis” and the fix is included in the weekly patch release (v27.1.51).

Root Cause:

The crosshair parent element is placed before the series elements when the tooltip is enabled.

Please update the “ej2-vue-charts” package to the latest version in your application to resolve the reported issue. Please find the package from the below links.

Package: https://www.npmjs.com/package/@syncfusion/ej2-vue-charts

Please let us know if you need any further assistance.

Regards,

Nishanthi