CandlestickChart

Présentez ouverture, plus haut, plus bas et clôture pour chaque période, comme les traders l’attendent, avec volume et indicateurs facultatifs.

Pourquoi c’est utile

• Ouverture, plus haut, plus bas, clôture
• Volume et indicateurs
• Zoom et sélection de plage

Où il trouve sa place

• Prix
• Taux
• Données de marché

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Fait partie de RayCraft Complete.

Tous les contrôles · Documentation