Class ChartCornerRadius

Specifies the configuration of the corner radius for the reactangle type series.

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

Constructors

ChartCornerRadius()

Declaration
public ChartCornerRadius()

Properties

BottomLeft

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

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

A double value representing the bottom-left corner radius of the series. The default is 0.
Remarks

When this property value changes, the series will update its rendering if part of a series.

Examples
// This example demonstrates how to render a column chart with rounded corners for the bottom left corner.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
            <ChartCornerRadius BottomLeft="20" />
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

BottomRight

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

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

A double value representing the bottom-right corner radius of the series. The default is 0.
Remarks

When this property value changes, the series will update its rendering if part of a series.

Examples
// This example demonstrates how to render a column chart with rounded corners for the bottom right corner.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
            <ChartCornerRadius BottomRight="20" />
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

TopLeft

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

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

A double value representing the top-left corner radius of the series. The default is 0.
Remarks

When this property value changes, the series will update its rendering if part of a series.

Examples
// This example demonstrates how to render a column chart with rounded corners for top left corner.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
            <ChartCornerRadius TopLeft="20" />
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

TopRight

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

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

A double value representing the top-right corner radius of the series. The default is 0.
Remarks

When this property value changes, the series will update its rendering if part of a series.

Examples
// This example demonstrates how to render a column chart with rounded corners for top right corner.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
            <ChartCornerRadius TopRight="20" />
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

Implements