Class ChartCornerRadius

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

Inheritance

System.Object

ChartSubComponent

ChartCornerRadius

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartCornerRadius : ChartSubComponent, ISubcomponentTracker

Constructors

ChartCornerRadius()

Declaration

public ChartCornerRadius()

Properties

BottomLeft

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

Declaration

public double BottomLeft { get; set; }

Property Value

Type	Description
System.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

public double BottomRight { get; set; }

Property Value

Type	Description
System.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

public double TopLeft { get; set; }

Property Value

Type	Description
System.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

public double TopRight { get; set; }

Property Value

Type	Description
System.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>