ComboChart

Kombinera staplar och linjer på gemensamma axlar för att berätta en historia, som volym och en andel.

Varför det hjälper

• Staplar och linjer tillsammans
• Gemensamma axlar
• Markera en serie som linje

Var det passar

• Intäkter och marginal
• Beställningar och konvertering
• Budget och utfall

Exempel

<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 }
    ];
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller · Dokumentation