DxChartRangeBarSeries<T, TArgument, TValue>.CornerRadius Property

Specifies the corner radius for a range bar series

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public int CornerRadius { get; set; }

Property Value

Type	Description
Int32	The corner radius in pixels.

Remarks

The following example adds rounded corners to range bar series:

<DxChart @ref="@chart"
         Data="@weatherForecasts"
         Width="100%">
    <DxChartTitle Text="Annual Temperature" />
    <DxChartRangeBarSeries ValueField="@((DetailedWeatherSummary  i) => i.AverageTemperatureF)"
                           ArgumentField="@(i => new DateTime(2000, i.Date.Month, 1))"
                           Name="New York"
                           Filter="@((DetailedWeatherSummary  i) => i.City == "NEW YORK")"
                           CornerRadius="10"/>
    <DxChartRangeBarSeries ValueField="@((DetailedWeatherSummary  i) => i.AverageTemperatureF)"
                           ArgumentField="@(i => new DateTime(2000, i.Date.Month, 1))"
                           Name="Los Angeles"
                           Filter="@((DetailedWeatherSummary  i) => i.City == "LOS ANGELES")"
                           CornerRadius="5"/>
    <DxChartLegend HorizontalAlignment="HorizontalAlignment.Center"
                    VerticalAlignment="VerticalEdge.Bottom"
                    Position="RelativePosition.Outside" />
    <DxChartValueAxis>
        <DxChartAxisTitle Text="Temperature, °F" />
    </DxChartValueAxis>
    <DxChartArgumentAxis>
        <DxChartAxisLabel Format="ChartElementFormat.Month" />
    </DxChartArgumentAxis>
</DxChart>

@code {
    IEnumerable<DetailedWeatherSummary> weatherForecasts;

    protected override async Task OnInitializedAsync() {
        weatherForecasts = await WeatherSummaryDataProvider.GetDataAsync();
    }
}