DxSparkline.PointSymbol Property

Specifies the shape of point markers. Does not apply to Bar and WinLoss series types.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(ChartPointSymbol.Circle)]
[Parameter]
public ChartPointSymbol PointSymbol { 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

Use PointColor, PointSize, and PointSymbol properties to customize series points.

Razor
DataSource

razor

<DxSparkline Data="@DataSource"
             Type="SparklineType.Area"
             ArgumentFieldName="Month"
             ValueFieldName="VisitorCount"
             PointColor="Violet"
             PointSize="10"
             PointSymbol="ChartPointSymbol.Polygon"
             Height="10%"
             Width="200px" />

@code {
    IEnumerable<SparklineDataPoint> DataSource = Enumerable.Empty<SparklineDataPoint>();
    protected override void OnInitialized() {
        DataSource = GenerateData();
    }
}

csharp

public List<SparklineDataPoint> GenerateData() {
    return new List<SparklineDataPoint>() {
        new SparklineDataPoint( 01, 2210),
        new SparklineDataPoint( 02, 2103),
        new SparklineDataPoint( 03, 2132),
        new SparklineDataPoint( 04, 2000),
        new SparklineDataPoint( 05, -2062),
        new SparklineDataPoint( 06, 1954),
        new SparklineDataPoint( 07, 2112),
        new SparklineDataPoint( 08, 1967),
        new SparklineDataPoint( 09, -2009),
        new SparklineDataPoint( 10, 2087),
        new SparklineDataPoint( 11, 2112),
        new SparklineDataPoint( 12, 2038),
    };
}
public class SparklineDataPoint {
    public int Month { get; set; }
    public int VisitorCount { get; set; }
    public SparklineDataPoint(int month, int visitorCount) {
        Month = month;
        VisitorCount = visitorCount;
    }
}