DxSparkline.PointSymbol Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[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

<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();
    }
}

DataSource

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;
    }
}