Class ChartCornerRadius

Specifies the configuration of the corner radius for the rectangle-type series.

Inheritance

System.Object

SfBaseComponent

ChartSubComponent

ChartCornerRadius

Implements

System.IAsyncDisposable

Inherited Members

SfBaseComponent.DisposeAsync()

Namespace: Syncfusion.Blazor.Toolkit.Charts

Assembly: Syncfusion.Blazor.Toolkit.dll

Syntax

public class ChartCornerRadius : ChartSubComponent, IAsyncDisposable, ISubcomponentTracker

Remarks

Use this component within a ChartSeries to set per-corner roundness for rectangular shapes (e.g., Column, Bar, RangeColumn). When any value changes at runtime, the series renderer updates direction and re-queues rendering.

Examples

// This example demonstrates how to render a column chart with rounded corners.
<SfChart>
    <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
        <ChartCornerRadius TopLeft="10" TopRight="10" BottomLeft="4" BottomRight="4" />
    </ChartSeries>
</SfChart>

Constructors

ChartCornerRadius()

Declaration

public ChartCornerRadius()

Properties

BottomLeft

Gets or sets the bottom-left corner radius for the chart series.

Declaration

public double BottomLeft { get; set; }

Property Value

Type	Description
System.Double	A System.Double representing the bottom-left corner radius of the series. The default is 0.

Remarks

When this property value changes after initial render, the chart series updates its rendering.

Examples

// Rounded bottom-left corner only.
<ChartCornerRadius BottomLeft="20" />

BottomRight

Gets or sets the bottom-right corner radius for the chart series.

Declaration

public double BottomRight { get; set; }

Property Value

Type	Description
System.Double	A System.Double representing the bottom-right corner radius of the series. The default is 0.

Remarks

When this property value changes after initial render, the chart series updates its rendering.

Examples

// Rounded bottom-right corner only.
<ChartCornerRadius BottomRight="20" />

TopLeft

Gets or sets the top-left corner radius for the chart series.

Declaration

public double TopLeft { get; set; }

Property Value

Type	Description
System.Double	A System.Double representing the top-left corner radius of the series. The default is 0.

Remarks

When this property value changes after initial render, the chart series updates its rendering.

Examples

// Rounded top-left corner only.
<ChartCornerRadius TopLeft="20" />

TopRight

Gets or sets the top-right corner radius for the chart series.

Declaration

public double TopRight { get; set; }

Property Value

Type	Description
System.Double	A System.Double representing the top-right corner radius of the series. The default is 0.

Remarks

When this property value changes after initial render, the chart series updates its rendering.

Examples

// Rounded top-right corner only.
<ChartCornerRadius TopRight="20" />

Implements

System.IAsyncDisposable