Kombinieren Sie Balken und Linien auf gemeinsamen Achsen, um eine Geschichte zu erzählen, etwa Volumen und eine Rate.
Warum es hilft
- Balken und Linien zusammen
- Gemeinsame Achsen
- Serie als Linie markieren
Wo es passt
- Umsatz und Marge
- Bestellungen und Conversion
- Budget und Ist
Beispiel
<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 }
];
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
Teil von RayCraft Complete.