RayCraftDocs
v1.0.3 raycraft.dev
On this page

CandlestickChart

Complete

Open, high, low and close for each period, with optional volume. A rising period has a hollow body and a falling one a filled body, so the meaning does not rely on color alone.

Example

CandlestickChart control

Parameters

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
HeightDoubleMaximum height of the grid body, for example 24rem (default 28rem with VirtualScroll).
IndicatorPeriodintNumber of candles in the average (default 5).
IndicatorsStockIndicatorsSma, Ema and Bollinger flags drawn over the candles.
ItemsIEnumerable<CandleItem>The options to choose from.
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
ShowDataLabelsboolWrites the value on each mark (bars, line points, pie slices).
ShowExportboolAdds buttons that save the chart as a PNG or SVG image.
ShowLegendboolShows the clickable legend.
ShowVolumeboolDraws the volume bars at the bottom of the chart.
StylestringInline style added to the root element.
ValueFormatstringNumber format for axis and tooltips, e.g. N0 or P1.
WidthDoubleSkeleton: any CSS length. Charts: drawing width in SVG units (the chart still scales to its container).
ZoomableboolAdds zoom and pan buttons; the chart shows a window of the categories.

Package

CandlestickChart is part of RayCraft Complete. Package: RayCraft.Blazor.Complete. It comes from the private RayCraft feed and needs an active license. See Getting started.