Class AccumulationChartRadialGradient

Provides the options to configure the radial gradient in an AccumulationChartSeries within the SfAccumulationChart component.

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

AccumulationChartRadialGradient is a child component of AccumulationChartSeries and inherits behavior 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 via AccumulationChartGradientColorStops and AccumulationChartGradientColorStop. Coordinates are typically normalized in the range 0 to 1.

Examples
@using Syncfusion.Blazor.Charts  

<SfAccumulationChart> 
    <AccumulationChartSeriesCollection> 
        <AccumulationChartSeries Type="AccumulationType.Doughnut" 
                                 XName="Category" 
                                 YName="Value"> 
            <AccumulationChartRadialGradient Cx="0.5" Cy="0.5" R="0.6"> 
                <AccumulationChartGradientColorStops> 
                    <AccumulationChartGradientColorStop Offset="0"   Color="#FFE082" Opacity="1" /> 
                    <AccumulationChartGradientColorStop Offset="100" Color="#FFCA28" Opacity="1" />
                </AccumulationChartGradientColorStops> 
            </AccumulationChartRadialGradient> 
        </AccumulationChartSeries> 
    </AccumulationChartSeriesCollection> 
</SfAccumulationChart>

Constructors

AccumulationChartRadialGradient()

Declaration
public AccumulationChartRadialGradient()

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.

GradientColorStops

Holds the collection of color stops for the gradient fill of the chart series. These stops determine how the colors blend across the gradient.

Declaration
[Parameter]
public List<AccumulationChartGradientColorStop>? GradientColorStops { get; set; }
Property Value
Type
List<AccumulationChartGradientColorStop>

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.

Methods

BuildRenderTree(RenderTreeBuilder)

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

Implements