Zum Inhalt springen
DIAGRAMME · COMPLETE

CandlestickChart

Eröffnung, Hoch, Tief und Schluss je Zeitraum, so wie Händler es erwarten.

Zeigen Sie Eröffnung, Hoch, Tief und Schluss je Zeitraum, so wie Händler es erwarten, mit optionalem Volumen und Indikatoren.

Warum es hilft

  • Eröffnung, Hoch, Tief, Schluss
  • Volumen und Indikatoren
  • Zoom und Bereichsauswahl

Wo es passt

  • Preise
  • Kurse
  • Marktdaten
Das Steuerelement CandlestickChart auf einer RayCraft-Seite

Beispiel

<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();
    }
}

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.

Alle Steuerelemente ยท Dokumentation