Combine bars and lines on shared axes to tell one story, such as volume and a rate.
Why it helps
- Bars and lines together
- Shared axes
- Mark a series as a line
Where it fits
- Revenue and margin
- Orders and conversion
- Budget and actual
Example
<ComboChart Label="Revenue and target" Categories="_months" Series="_series" ValueFormat="N0" />
@code {
private readonly string[] _months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"];
private readonly ChartSeries[] _series =
[
new("Revenue", [120, 150, 135, 170, 190, 210]),
new("Costs", [90, 95, 100, 110, 115, 120]),
new("Target", [130, 140, 150, 160, 170, 180]) { AsLine = true }
];
}A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.
Part of RayCraft Complete.