CandlestickChart

Vis åbning, højeste, laveste og lukning for hver periode, som handlende forventer, med valgfri volumen og indikatorer.

Hvorfor det hjælper

• Åbning, højeste, laveste, lukning
• Volumen og indikatorer
• Zoom og intervalvalg

Hvor det passer

• Priser
• Kurser
• Markedsdata

Eksempel

<CandlestickChart Label="Share price" Items="_items" ValueFormat="#,0.00" />

@code {
    private readonly CandleItem[] _items = Build();

    private static CandleItem[] Build()
    {
        var random = new Random(7);
        var price = 100.0;
        var items = new List<CandleItem>();

        for (var day = 1; day <= 24; day++)
        {
            var open = price;
            var close = open + (random.NextDouble() - 0.45) * 8;
            var high = Math.Max(open, close) + random.NextDouble() * 3;
            var low = Math.Min(open, close) - random.NextDouble() * 3;
            items.Add(new CandleItem($"D{day}", open, high, low, close, 800 + random.Next(0, 900)));
            price = close;
        }

        return items.ToArray();
    }
}

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Del af RayCraft Complete.

Alle kontroller · Dokumentation