Class RadialGradient

Represents the options for configuring a radial gradient used to paint chart elements in the chart component.

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

Use RadialGradient to create a center-out color blend for paintable chart elements (for example, series fill, markers, legends, and tooltip markers). A radial gradient is defined by its center (Cx, Cy), optional focal point (Fx, Fy), radius (R), and one or more color stops.

Coordinate values are typically normalized within the gradient box in the range 0 to 1, where (0.5, 0.5) represents the center. After defining the gradient, reference it from a paintable property (for example, series Fill) using url(#gradientId).

Constructors

RadialGradient()

Declaration
public RadialGradient()

Properties

Cx

Gets or sets the x-coordinate of the center of the radial gradient.

Declaration
[Parameter]
public double Cx { get; set; }
Property Value
Type Description
double

A double representing the normalized center x-coordinate (range: 0 to 1). The default value is 0.5.
Remarks

Specifies the horizontal origin of the gradient’s circle within the gradient box; 0 aligns to the left edge and 1 to the right edge.

Cy

Gets or sets the y-coordinate of the center of the radial gradient.

Declaration
[Parameter]
public double Cy { get; set; }
Property Value
Type Description
double

A double representing the normalized center y-coordinate (range: 0 to 1). The default value is 0.5.
Remarks

Specifies the vertical origin of the gradient’s circle within the gradient box; 0 aligns to the top edge and 1 to the bottom edge.

Fx

Gets or sets the x-coordinate of the focal point of the radial gradient.

Declaration
[Parameter]
public double Fx { get; set; }
Property Value
Type Description
double

A double representing the normalized focal x-coordinate (range: 0 to 1). The default value is 0.5.
Remarks

Controls the apparent focus from which the gradient emanates horizontally. Values offset from Cx skew the gradient highlight toward that direction.

Fy

Gets or sets the y-coordinate of the focal point of the radial gradient.

Declaration
[Parameter]
public double Fy { get; set; }
Property Value
Type Description
double

A double representing the normalized focal y-coordinate (range: 0 to 1). The default value is 0.5.
Remarks

Controls the apparent focus from which the gradient emanates vertically. Values offset from Cy skew the gradient highlight toward that direction.

R

Gets or sets the radius of the radial gradient circle.

Declaration
[Parameter]
public double R { get; set; }
Property Value
Type Description
double

A double representing the normalized radius (range: 0 to 1). The default value is 0.5.
Remarks

Determines the size of the gradient coverage area relative to the gradient box; 0 is a point and 1 spans the full box extent.

Implements