ChartSeriesPointModel.Symbol Property

Specifies a series point’s symbol.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
ChartPointSymbol	**Circle**	A ChartPointSymbol enumeration value that specifies a point’s symbol.

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 example below demonstrates how to:

• use the DxChartSeriesPoint component to define the common point appearance;
• handle the CustomizeSeriesPoint event to change the symbol of points whose values are greater than 75.

<DxChart Data="@WeatherForecasts" CustomizeSeriesPoint="@PreparePointSymbol">
    <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="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;
    }
}

Run Demo: Charts - Series Point Customization