starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Tooltip following wrong RadzenAreaSeries #361

New Issue
Closed
opened 2026-01-29 17:36:04 +00:00 by claunia · 3 comments
claunia commented 2026-01-29 17:36:04 +00:00
Owner
Copy Link

Originally created by @eharbitz on GitHub (Apr 6, 2022).

name: Bug report
about: Create a report to help us improve
title: Tooltip following wrong RadzenAreaSeries
labels: ''
assignees: ''

Describe the bug
When having several RadzenAreaSeries in one RadzenChart, the tooltip does not show data for the AreaSeries currently being hovered over.

To Reproduce
Steps to reproduce the behavior:

  1. Create a RadzenChart
  2. Add at least two RadzenAreaSeries
  3. Hover with the mouse over the different AreaSeries

Expected behavior
See a Tooltip with data for the AreaSeries currently being hovered.

Screenshots
radzen

Image caption: While the mouse is hovering the yellow area, the tooltip follows the purple area.

Desktop (please complete the following information):

  • Browser [chrome]

Additional context
Seems to be the same problem with RadzenLineSeries when overlapping AreaSeries as well. Changing the RenderingOrder does not solve the problem. It might seem like the Tooltip is stuck with the wrong RenderingOrder, i.e. the Tooltip is not following the Series rendered at top.

Originally created by @eharbitz on GitHub (Apr 6, 2022). --- name: Bug report about: Create a report to help us improve title: Tooltip following wrong RadzenAreaSeries labels: '' assignees: '' --- **Describe the bug** When having several `RadzenAreaSeries` in one `RadzenChart`, the tooltip does not show data for the AreaSeries currently being hovered over. **To Reproduce** Steps to reproduce the behavior: 1. Create a RadzenChart 2. Add at least two RadzenAreaSeries 3. Hover with the mouse over the different AreaSeries **Expected behavior** See a Tooltip with data for the AreaSeries currently being hovered. **Screenshots** ![radzen](https://user-images.githubusercontent.com/15960296/161919650-d9f17bba-183e-44a0-a3c1-0c6eb0cb3e77.png) Image caption: While the mouse is hovering the yellow area, the tooltip follows the purple area. **Desktop (please complete the following information):** - Browser [chrome] **Additional context** Seems to be the same problem with RadzenLineSeries when overlapping AreaSeries as well. Changing the RenderingOrder does not solve the problem. It might seem like the Tooltip is stuck with the wrong RenderingOrder, i.e. the Tooltip is not following the Series rendered at top.
claunia commented 2026-01-29 17:36:04 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (Apr 6, 2022):

I can't reproduce it in our online demo which uses a similar configuration: https://blazor.radzen.com/area-chart

@akorchev commented on GitHub (Apr 6, 2022): I can't reproduce it in our online demo which uses a similar configuration: https://blazor.radzen.com/area-chart
claunia commented 2026-01-29 17:36:04 +00:00
Author
Owner
Copy Link

@eharbitz commented on GitHub (Apr 6, 2022):

Thanks for the fast reply.

It seems the order matters when adding the RadzenAreaSeries.

If you change the order in the demo you linked you get the same problem.

That is, instead of

<RadzenAreaSeries Smooth="@smooth" Data="@revenue2019" CategoryProperty="Date" Title="2019" ValueProperty="Revenue" RenderingOrder="1"> </RadzenAreaSeries>
<RadzenAreaSeries Smooth="@smooth" Data="@revenue2020" CategoryProperty="Date" Title="2020" LineType="LineType.Dashed" ValueProperty="Revenue"> </RadzenAreaSeries>

use this (with 2019 and 2020 data switched)

<RadzenAreaSeries Smooth="@smooth" Data="@revenue2020" CategoryProperty="Date" Title="2020" LineType="LineType.Dashed" ValueProperty="Revenue"> </RadzenAreaSeries>
<RadzenAreaSeries Smooth="@smooth" Data="@revenue2019" CategoryProperty="Date" Title="2019" ValueProperty="Revenue" RenderingOrder="1"> </RadzenAreaSeries>

@eharbitz commented on GitHub (Apr 6, 2022): Thanks for the fast reply. It seems the order matters when adding the `RadzenAreaSeries`. If you change the order in the demo you linked you get the same problem. That is, instead of ` <RadzenAreaSeries Smooth="@smooth" Data="@revenue2019" CategoryProperty="Date" Title="2019" ValueProperty="Revenue" RenderingOrder="1"> </RadzenAreaSeries>` `<RadzenAreaSeries Smooth="@smooth" Data="@revenue2020" CategoryProperty="Date" Title="2020" LineType="LineType.Dashed" ValueProperty="Revenue"> </RadzenAreaSeries> ` use this (with 2019 and 2020 data switched) `<RadzenAreaSeries Smooth="@smooth" Data="@revenue2020" CategoryProperty="Date" Title="2020" LineType="LineType.Dashed" ValueProperty="Revenue"> </RadzenAreaSeries> ` ` <RadzenAreaSeries Smooth="@smooth" Data="@revenue2019" CategoryProperty="Date" Title="2019" ValueProperty="Revenue" RenderingOrder="1"> </RadzenAreaSeries>`
claunia commented 2026-01-29 17:36:05 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (Apr 6, 2022):

Maybe we have to sort the series by RenderingOrder before checking where the tooltip is. Right now it is in both series technically so we have to use something else to determine which one is on top.

@akorchev commented on GitHub (Apr 6, 2022): Maybe we have to sort the series by RenderingOrder before checking where the tooltip is. Right now it is in both series technically so we have to use something else to determine which one is on top.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#361
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?