[PR #1651] [MERGED] New Shared chart tooltips and Sparkline component #2851

Closed
opened 2026-01-29 18:20:45 +00:00 by claunia · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/radzenhq/radzen-blazor/pull/1651
Author: @yordanov
Created: 8/14/2024
Status: Merged
Merged: 8/14/2024
Merged by: @yordanov

Base: masterHead: shared-chart-tooltips


📝 Commits (10+)

  • 8ec7eef Implement shared tooltips.
  • 581676b Initial sparkline implementation.
  • 6407552 Support axes in the sparkline.
  • 8edceb5 Add sparkline demo.
  • 055c9c8 Style Chart tooltips
  • e1b7b2e Improve Chart tooltip styles
  • c72e8b4 Legend items in the shared tooltip are not clickable.
  • 2362583 Fix cursor in SharedTooltip item content
  • 3dc4e03 Update Sparkline demo
  • 2706091 Add category axis spacing in Sparkline demo

📊 Changes

19 files changed (+537 additions, -47 deletions)

View changed files

📝 Radzen.Blazor/CartesianSeries.cs (+65 -10)
📝 Radzen.Blazor/IChartSeries.cs (+4 -0)
📝 Radzen.Blazor/RadzenChart.razor.cs (+38 -11)
📝 Radzen.Blazor/RadzenChartTooltipOptions.cs (+7 -1)
📝 Radzen.Blazor/RadzenPieSeries.razor.cs (+2 -1)
Radzen.Blazor/RadzenSparkline.razor.cs (+133 -0)
Radzen.Blazor/Rendering/ChartSharedTooltip.razor (+23 -0)
Radzen.Blazor/Rendering/ChartSharedTooltipItem.razor (+26 -0)
📝 Radzen.Blazor/Rendering/ChartTooltip.razor (+2 -2)
📝 Radzen.Blazor/Rendering/Legend.razor (+2 -2)
📝 Radzen.Blazor/Rendering/LegendItem.razor (+16 -4)
📝 Radzen.Blazor/themes/_css-variables.scss (+4 -0)
📝 Radzen.Blazor/themes/components/blazor/_chart.scss (+50 -5)
📝 RadzenBlazorDemos/Pages/DashboardPage.razor (+5 -9)
📝 RadzenBlazorDemos/Pages/Index.razor (+2 -1)
📝 RadzenBlazorDemos/Pages/LineChartConfig.razor (+7 -1)
RadzenBlazorDemos/Pages/SparklineConfig.razor (+132 -0)
RadzenBlazorDemos/Pages/SparklinePage.razor (+9 -0)
📝 RadzenBlazorDemos/Services/ExampleService.cs (+10 -0)

📄 Description

Shared chart tooltip:
image

New Sparkline component:
image


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/radzenhq/radzen-blazor/pull/1651 **Author:** [@yordanov](https://github.com/yordanov) **Created:** 8/14/2024 **Status:** ✅ Merged **Merged:** 8/14/2024 **Merged by:** [@yordanov](https://github.com/yordanov) **Base:** `master` ← **Head:** `shared-chart-tooltips` --- ### 📝 Commits (10+) - [`8ec7eef`](https://github.com/radzenhq/radzen-blazor/commit/8ec7eef0f41f5b45aaad6c3e413b527708192244) Implement shared tooltips. - [`581676b`](https://github.com/radzenhq/radzen-blazor/commit/581676bddd0d163c1e7f255efffe99fd54f3fb93) Initial sparkline implementation. - [`6407552`](https://github.com/radzenhq/radzen-blazor/commit/640755239b28e9364e1b812ff6c3f9cb80490013) Support axes in the sparkline. - [`8edceb5`](https://github.com/radzenhq/radzen-blazor/commit/8edceb51ff64d820f2c710e12c5c1eeca4f98eed) Add sparkline demo. - [`055c9c8`](https://github.com/radzenhq/radzen-blazor/commit/055c9c8e3893b7ccd6ed44ffd76393f705c7f7d5) Style Chart tooltips - [`e1b7b2e`](https://github.com/radzenhq/radzen-blazor/commit/e1b7b2e9f8084da2399ea5c000067a7b1a99d5be) Improve Chart tooltip styles - [`c72e8b4`](https://github.com/radzenhq/radzen-blazor/commit/c72e8b4296f8eea2bd48e4236b31e779f9cf0570) Legend items in the shared tooltip are not clickable. - [`2362583`](https://github.com/radzenhq/radzen-blazor/commit/2362583f5bc650215304128f8db2c5d0c0493d08) Fix cursor in SharedTooltip item content - [`3dc4e03`](https://github.com/radzenhq/radzen-blazor/commit/3dc4e03450b7a7d698fd7756e596898ddf18d228) Update Sparkline demo - [`2706091`](https://github.com/radzenhq/radzen-blazor/commit/2706091d370ff7d75e2865bf07b343596c993ee6) Add category axis spacing in Sparkline demo ### 📊 Changes **19 files changed** (+537 additions, -47 deletions) <details> <summary>View changed files</summary> 📝 `Radzen.Blazor/CartesianSeries.cs` (+65 -10) 📝 `Radzen.Blazor/IChartSeries.cs` (+4 -0) 📝 `Radzen.Blazor/RadzenChart.razor.cs` (+38 -11) 📝 `Radzen.Blazor/RadzenChartTooltipOptions.cs` (+7 -1) 📝 `Radzen.Blazor/RadzenPieSeries.razor.cs` (+2 -1) ➕ `Radzen.Blazor/RadzenSparkline.razor.cs` (+133 -0) ➕ `Radzen.Blazor/Rendering/ChartSharedTooltip.razor` (+23 -0) ➕ `Radzen.Blazor/Rendering/ChartSharedTooltipItem.razor` (+26 -0) 📝 `Radzen.Blazor/Rendering/ChartTooltip.razor` (+2 -2) 📝 `Radzen.Blazor/Rendering/Legend.razor` (+2 -2) 📝 `Radzen.Blazor/Rendering/LegendItem.razor` (+16 -4) 📝 `Radzen.Blazor/themes/_css-variables.scss` (+4 -0) 📝 `Radzen.Blazor/themes/components/blazor/_chart.scss` (+50 -5) 📝 `RadzenBlazorDemos/Pages/DashboardPage.razor` (+5 -9) 📝 `RadzenBlazorDemos/Pages/Index.razor` (+2 -1) 📝 `RadzenBlazorDemos/Pages/LineChartConfig.razor` (+7 -1) ➕ `RadzenBlazorDemos/Pages/SparklineConfig.razor` (+132 -0) ➕ `RadzenBlazorDemos/Pages/SparklinePage.razor` (+9 -0) 📝 `RadzenBlazorDemos/Services/ExampleService.cs` (+10 -0) </details> ### 📄 Description Shared chart tooltip: <img width="1536" alt="image" src="https://github.com/user-attachments/assets/a1302371-d8f2-4305-aa92-e224e18944c1"> New Sparkline component: <img width="869" alt="image" src="https://github.com/user-attachments/assets/f0f41dac-3b72-45ed-9ce4-ada186ce1fed"> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
claunia added the pull-request label 2026-01-29 18:20:45 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#2851