Tooltip on click for graphs for Blazor server #448

Closed
opened 2026-01-29 17:37:29 +00:00 by claunia · 2 comments
Owner

Originally created by @eharbitz on GitHub (Jun 28, 2022).

Is your feature request related to a problem? Please describe.
When using RadzenAreaSeries (or other chart components) with a lot of data, the tooltip can lag behind the mouse pointer with several seconds.

Describe the solution you'd like

  1. A parameter for the property RadzenChartTooltipOptions called something like TooltipOnClick which defaults to false.
  2. If TooltipOnClick is true, nothing happens until the user clicks somewhere on the chart. Then, the callback usually called when moving the mouse is triggered and the tooltip appears at that place and stays there.
  3. If clicking outside the graph, the tooltip disappears.
  4. While hovering over the graph, no messages are being sent. Today, even if Visible is set to false for RadzenChartTooltipOptions, a lot of messages are being sent to the server. We solve this by applying the style pointer-events: none; to the chart. Would be nice if this could be incorporated into the library.

Additional context
I see there has been some improvements in the javascript-file reducing the number of rountrips: f5fa061392 (diff-2ee7884aeab000c119f6ada9611254c94e6e12f6b64553c418b166c301917434R30)

Today there is a timeout restricting the number of times callback.apply(ctx, args); is called. Would be great if this could only be called on click.

Originally created by @eharbitz on GitHub (Jun 28, 2022). **Is your feature request related to a problem? Please describe.** When using RadzenAreaSeries (or other chart components) with a lot of data, the tooltip can lag behind the mouse pointer with several seconds. **Describe the solution you'd like** 1. A parameter for the property `RadzenChartTooltipOptions` called something like `TooltipOnClick` which defaults to false. 2. If `TooltipOnClick` is `true`, nothing happens until the user clicks somewhere on the chart. Then, the callback usually called when moving the mouse is triggered and the tooltip appears at that place and stays there. 3. If clicking outside the graph, the tooltip disappears. 4. While hovering over the graph, no messages are being sent. Today, even if `Visible` is set to `false` for `RadzenChartTooltipOptions`, a lot of messages are being sent to the server. We solve this by applying the style `pointer-events: none;` to the chart. Would be nice if this could be incorporated into the library. **Additional context** I see there has been some improvements in the javascript-file reducing the number of rountrips: https://github.com/radzenhq/radzen-blazor/commit/f5fa06139285f6bcedf800be3d5ae6167a9fa11f#diff-2ee7884aeab000c119f6ada9611254c94e6e12f6b64553c418b166c301917434R30 Today there is a timeout restricting the number of times `callback.apply(ctx, args);` is called. Would be great if this could only be called on click.
claunia added the enhancementgood first issue labels 2026-01-29 17:37:30 +00:00
Author
Owner

@akorchev commented on GitHub (Nov 12, 2022):

We would accept a pull request for this.

@akorchev commented on GitHub (Nov 12, 2022): We would accept a pull request for this.
Author
Owner

@akorchev commented on GitHub (Mar 30, 2025):

Is this still required? We have made a lot of changes with regards to chart tooltips and there shouldn't be few second lags before the tooltip shows.

@akorchev commented on GitHub (Mar 30, 2025): Is this still required? We have made a lot of changes with regards to chart tooltips and there shouldn't be few second lags before the tooltip shows.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#448