Skip to main content
All docs
V24.1

IChartSeriesPoint.Size Property

Specifies the diameter of series points in pixels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(12)]
int Size { get; set; }

Property Value

Type Default Description
Int32 12

The diameter of series points in pixels.

Remarks

A Chart point’s size is specified by the Size property. You can override this value for individual points. For this purpose, handle the CustomizeSeriesPoint event and use the PointAppearance.Size property to set the new size.

The following code snippet demonstrates how to:

  • use the DxChartSeriesPoint component to define the common point appearance;
  • handle the CustomizeSeriesPoint event to change the size of points whose values are greater than 75 or less than 25.
<DxChart Data="@WeatherForecasts" CustomizeSeriesPoint="@PreparePointSize">
    <DxChartLineSeries AggregationMethod="@(i => (int)i.Average())"
                       Color="System.Drawing.Color.Gray"
                       ValueField="@((WeatherForecast i) => i.TemperatureF)"
                       ArgumentField="@(i => i.Date.Date)"
                       Name="Temperature, F">
        <DxChartSeriesPoint Symbol="ChartPointSymbol.Polygon" Color="System.Drawing.Color.Gray" Size="15" />
    </DxChartLineSeries>
</DxChart>

@code {
    WeatherForecast[] WeatherForecasts;
    ...
    protected void PreparePointSize(ChartSeriesPointCustomizationSettings pointSettings) {
        double value = (double)pointSettings.Point.Value;
        if(value > 75)
            pointSettings.PointAppearance.Size = 30;
        else if(value < 25)
            pointSettings.PointAppearance.Size = 5;
    }
}

Charts - Series point size

Run Demo: Charts - Series Point Customization

See Also