DxChartScatterSeries<T, TArgument, TValue> Class

Defines a scatter series.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

public class DxChartScatterSeries<T, TArgument, TValue> :
    DxChartXYSeries<T, TArgument, TValue, TValue>

Type Parameters

Name	Description
T

The data type.

| | TArgument |

The argument type.

| | TValue |

The value type.

Remarks

The scatter series displays data as a collection of points. Follow the steps below to create a scatter series:

Use the DxChart.Data property to specify an IEnumerable<T> data source.
Add a DxChartScatterSeries object to chart markup.
Use series ArgumentField and ValueField properties to specify data source fields that contain arguments and values for chart points.

For a sample data source, refer to our GitHub repository.

razor

@inject IScatterRandomDataProvider Experiment

<DxChart @ref="@chart"
         T="DataPoint"
         Width="100%"
         Height="400px">
    <DxChartTitle Text="Random Points Generator"/>
    <DxChartScatterSeries T="DataPoint"
                          TArgument="double"
                          TValue="double"
                          Data="points1"
                          Name = "Population 1"
                          ArgumentField="point=>point.Y"
                          ValueField="point=>point.X">
        <DxChartSeriesPoint Symbol=ChartPointSymbol.Circle
                            Size="5"
                            HoverMode="ChartSeriesPointHoverMode.None" />
    </DxChartScatterSeries>
    <DxChartScatterSeries T="DataPoint"
                          TArgument="double"
                          TValue="double"
                          Data="points2"
                          Name = "Population 2"
                          ArgumentField="point=>point.Y"
                          ValueField="point=>point.X">
        <DxChartSeriesPoint Symbol=ChartPointSymbol.TriangleDown
                            Size="5"
                            HoverMode="ChartSeriesPointHoverMode.None" />
    </DxChartScatterSeries>
    <DxChartScatterSeries T="DataPoint"
                          TArgument="double"
                          TValue="double"
                          Data="points3"
                          Name = "Population 3"
                          ArgumentField="point=>point.Y"
                          ValueField="point=>point.X">
        <DxChartSeriesPoint Symbol=ChartPointSymbol.Square
                            Size="5"
                            HoverMode="ChartSeriesPointHoverMode.None"/>
    </DxChartScatterSeries>
    <DxChartLegend HoverMode="ChartLegendHoverMode.None"/>
</DxChart>
@code {
    DxChartBase chart;
    IEnumerable<DataPoint> points1;
    IEnumerable<DataPoint> points2;
    IEnumerable<DataPoint> points3;
    protected override async Task OnInitializedAsync() {
        int pointCount;
        if (DemoConfiguration.IsServerSide)
            pointCount = 1000;
        else
            pointCount = 500;
        points1 = await Experiment.GenerateCluster(140, 1280, 100, 1240, pointCount, 1);
        points2 = await Experiment.GenerateCluster(500, 1600, 1000, 2100, pointCount, 2);
        points3 = await Experiment.GenerateCluster(450, 950, 1550, 2050, pointCount, 3);
    }
}

Run Demo: DxChart - Scatter Series

Implements

Inheritance

Object ComponentBase DxSettingsComponent<DevExpress.Blazor.Internal.IXYChartSeriesModel> DxComplexSettingsComponent<DxChartSeries, DevExpress.Blazor.Internal.IXYChartSeriesModel> DxChartSeries DxChartXYSeries<T, TArgument, TValue, TValue> DxChartScatterSeries<T, TArgument, TValue>