Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

IChartSeriesPoint.Symbol Property

Specifies a series point’s symbol.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(ChartPointSymbol.Circle)]
ChartPointSymbol Symbol { get; set; }

#Property Value

Type Default Description
ChartPointSymbol Circle

An enumeration value.

Available values:

Name Description
Circle

Displays point markers as circles.

Square

Displays point markers as squares.

Polygon

Displays point markers as polygons.

TriangleDown

Displays point markers as inverted triangles.

TriangleUp

Displays point markers as triangles.

Cross

Displays point markers as crosses.

#Remarks

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

The following code snippet demonstrates how to:

Razor
<DxChart Data="@WeatherForecasts" CustomizeSeriesPoint="@PreparePointSymbol">
    <DxChartLineSeries SummaryMethod="@(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="25" />
    </DxChartLineSeries>
</DxChart>

@code {
    WeatherForecast[] WeatherForecasts;
    ...
    protected void PreparePointSymbol(ChartSeriesPointCustomizationSettings pointSettings) {
        double value = (double)pointSettings.Point.Value;
        if (value > 75)
            pointSettings.PointAppearance.Symbol = ChartPointSymbol.Cross;
    }
}

Charts - Series point symbol

Run Demo: Charts - Series Point Customization

See Also