Skip to main content

ChartSeriesPointModel Class

Defines a Chart point’s appearance settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor


public class ChartSeriesPointModel :

The following members return ChartSeriesPointModel objects:


Use instances of the ChartSeriesPointModel class in the CustomizeSeriesPoint event handler. These instances specify the customized point’s color, image, size, symbol, and visibility state.

The example below demonstrates how to:

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

@code {
    WeatherForecast[] WeatherForecasts;
    protected void PreparePointColor(ChartSeriesPointCustomizationSettings pointSettings) {
        double value = (double)pointSettings.Point.Value;
        if(value > 75)
            pointSettings.PointAppearance.Color = System.Drawing.Color.Red;
        else if(value < 25)
            pointSettings.PointAppearance.Color = System.Drawing.Color.Blue;

Charts - A series point

Run Demo: Charts - Series Point Customization


See Also