Class AccumulationChartGradientColorStop

Represents a single color stop that defines a color transition for the accumulation chart series gradient fill. A color stop determines how the current color blends at its position in the gradient.

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

A stop is identified by its Offset (0–100). Use Color to set the color, Opacity to control transparency, and optionally Lighten and Brighten to fine-tune the tone.

Examples

The following example shows two color stops used in a radial gradient for an accumulation series.

@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

AccumulationChartGradientColorStop()

Declaration
public AccumulationChartGradientColorStop()

Properties

Brighten

Specifies the level of brightness adjustment for the color at the gradient stop.

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

A positive number increases the brightness of the color, while a negative number decreases it. The default value is 1.
Remarks

This property controls how much the color at the gradient stop is brightened or dimmed. Positive values will brighten the color, while negative values will reduce its brightness.

Color

Gets or sets the color of the gradient stop.

Declaration
[Parameter]
public string Color { get; set; }
Property Value
Type Description
string

Accepts CSS color formats like HEX, RGB, or color names.
Remarks

This property defines the color for the gradient color stop.

Lighten

Specifies the level of lightness adjustment for the color at the gradient stop.

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

A positive number increases the lightness of the color, while a negative number decreases it. The default value is 0.
Remarks

This property controls how much the color at the gradient stop is lightened or darkened. Positive values will increase the lightness, while negative values will reduce it.

Offset

Gets or sets the position of the gradient stop as a percentage value.

Declaration
[Parameter]
public int Offset { get; set; }
Property Value
Type Description
int

An integer value ranging from 0 to 100, representing the position of the color stop.
Remarks

This property defines the position of the gradient stop as a percentage along the gradient axis.

Opacity

Gets or sets the opacity of the gradient stop.

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

A double value ranging from 0 to 1, representing the opacity of the gradient stop.
Remarks

This property defines the opacity of the gradient color stop.

Methods

BuildRenderTree(RenderTreeBuilder)

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

Implements