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

Feature request: Add the ability to set the base series of RadzenAreaSeries #1749

New Issue
Closed
opened 2026-01-29 17:58:03 +00:00 by claunia · 4 comments
claunia commented 2026-01-29 17:58:03 +00:00
Owner
Copy Link

Originally created by @coder-johnz on GitHub (Apr 30, 2025).

Is your feature request related to a problem? Please describe.
RadzenAreaSeries draw area between line path and CategoryAxis. However, if there are multi AreaSeries, the bottom area color will overlay.
Like the demo, the area color of 2023 is not the actual color of 2023, it overlay with the color of 2024. Maybe we can set the base series of 2024 to 2023, and then just draw area between 2023 and 2024, not between CategoryAxis and 2024.
Image

Describe the solution you'd like
Add new properity BaseSeries to RadzenAreaSeries. If BaseSeries set value, then draw the area between BaseSeries and this RadzenAreaSeries. Otherwise, draw the area between CategoryAxis and this RadzenAreaSeries. The area color will be like RadzenStackedAreaSeries, but the value not sum.

Originally created by @coder-johnz on GitHub (Apr 30, 2025). **Is your feature request related to a problem? Please describe.** RadzenAreaSeries draw area between line path and CategoryAxis. However, if there are multi AreaSeries, the bottom area color will overlay. Like the [demo](https://blazor.radzen.com/area-chart?theme=material3), the area color of 2023 is not the actual color of 2023, it overlay with the color of 2024. Maybe we can set the base series of 2024 to 2023, and then just draw area between 2023 and 2024, not between CategoryAxis and 2024. ![Image](https://github.com/user-attachments/assets/00efa7ab-e536-4182-87e4-66cb83547c95) **Describe the solution you'd like** Add new properity BaseSeries to RadzenAreaSeries. If BaseSeries set value, then draw the area between BaseSeries and this RadzenAreaSeries. Otherwise, draw the area between CategoryAxis and this RadzenAreaSeries. The area color will be like RadzenStackedAreaSeries, but the value not sum.
claunia commented 2026-01-29 17:58:03 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (May 8, 2025):

Isn't this already supported in the stacked area chart? https://blazor.radzen.com/stacked-area-chart?theme=material3

@akorchev commented on GitHub (May 8, 2025): Isn't this already supported in the stacked area chart? https://blazor.radzen.com/stacked-area-chart?theme=material3
claunia commented 2026-01-29 17:58:03 +00:00
Author
Owner
Copy Link

@coder-johnz commented on GitHub (May 8, 2025):

Isn't this already supported in the stacked area chart? https://blazor.radzen.com/stacked-area-chart?theme=material3

The stacked area chart aggreate the values. We want to draw the raw value in area chart.

Image

@coder-johnz commented on GitHub (May 8, 2025): > Isn't this already supported in the stacked area chart? https://blazor.radzen.com/stacked-area-chart?theme=material3 The stacked area chart aggreate the values. We want to draw the raw value in area chart. ![Image](https://github.com/user-attachments/assets/c288dae2-166c-4b65-a813-05675493833f)
claunia commented 2026-01-29 17:58:03 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (May 8, 2025):

Since we don't plan to do such a feature any time soon I can suggest to use a custom Fill for your series. Then there shouldn't be any transparency issues.

@akorchev commented on GitHub (May 8, 2025): Since we don't plan to do such a feature any time soon I can suggest to use a custom Fill for your series. Then there shouldn't be any transparency issues.
claunia commented 2026-01-29 17:58:04 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (May 8, 2025):

I checked one of the most powerful charting libraries to see if they supported a similar setting. The very first demo shows a case where the setting you request cannot be supported as the areas overlap in such a way that no area is on top of the other.

Image

This is why we won't be considering such a feature. A quick workaround is to disable the series opacity with CSS:

.rz-area-series {
   fill-opacity: 1;
}
@akorchev commented on GitHub (May 8, 2025): I checked one of the most powerful charting libraries to see if they supported a similar setting. The [very first demo](https://www.highcharts.com/demo/highcharts/area-chart) shows a case where the setting you request cannot be supported as the areas overlap in such a way that no area is on top of the other. <img width="806" alt="Image" src="https://github.com/user-attachments/assets/671838d4-0a69-4be5-9982-469b6864d5f3" /> This is why we won't be considering such a feature. A quick workaround is to disable the series opacity with CSS: ```css .rz-area-series { fill-opacity: 1; } ```
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#1749
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?