CandlestickChart

Vis åpning, høyeste, laveste og stenging for hver periode, slik tradere forventer, med valgfritt volum og indikatorer.

Hvorfor det hjelper

• Åpning, høyeste, laveste, stenging
• Volum og indikatorer
• Zoom og intervallvalg

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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Del av RayCraft Complete.

Alle kontroller · Dokumentasjon