Class StockChartRadialGradient

Represents options to configure a radial gradient for a stock chart StockChartSeries, technical StockChartIndicator, or StockChartTrendline within the SfStockChart component.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
ChartSubComponent
RadialGradient
StockChartRadialGradient
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class StockChartRadialGradient : RadialGradient, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Remarks

StockChartRadialGradient is a child component that inherits from RadialGradient. Configure the gradient center using Cx and Cy, the focal point using Fx and Fy, and the radius using R. Define color transitions using Syncfusion.Blazor.Charts.StockChartRadialGradient.StockChartGradientColorStops with one or more StockChartGradientColorStop elements.

Coordinates for center, focus, and radius are typically normalized in the range 0..1 relative to the element’s gradient box. A center at (0.5, 0.5) places the gradient in the middle; R="0.5" covers roughly half the box. Stop Offset values may be provided as normalized (0..1) or percentage (0..100).

When nested under StockChartSeries, StockChartIndicator, or StockChartTrendline, the radial gradient is applied automatically to the owning element.

Examples
@using Syncfusion.Blazor.Charts

<SfStockChart>
    <StockChartSeriesCollection>
        <StockChartSeries Type="ChartSeriesType.Area"
                        XName="Date"
                        YName="Close"
                        Name="Close">
            <StockChartRadialGradient Cx="0.5" Cy="0.5" Fx="0.5" Fy="0.5" R="0.6">
                <StockChartGradientColorStops>
                    <StockChartGradientColorStop Offset="0"   Color="#FFE082" Opacity="1" />
                    <StockChartGradientColorStop Offset="100" Color="#FFCA28" Opacity="1" />
                </StockChartGradientColorStops>
            </StockChartRadialGradient>

            <StockChartTrendlines>
                <StockChartTrendline Type="TrendlineTypes.Logarithmic" Width="2" Name="Log Trend">
                    <StockChartRadialGradient Cx="0.5" Cy="0.5" Fx="0.5" Fy="0.5" R="0.5">
                        <StockChartGradientColorStops>
                            <StockChartGradientColorStop Offset="0"   Color="#EF4444" Opacity="1" />
                            <StockChartGradientColorStop Offset="100" Color="#3B82F6" Opacity="1" />
                        </StockChartGradientColorStops>
                    </StockChartRadialGradient>
                </StockChartTrendline>
            </StockChartTrendlines>
        </StockChartSeries>
    </StockChartSeriesCollection>
</SfStockChart>

Constructors

StockChartRadialGradient()

Declaration
public StockChartRadialGradient()

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Type Name Description
RenderTreeBuilder __builder
Overrides

Implements