ScatterLineSeriesView Class

The Scatter Line series view.

Assembly: DevExpress.WinUI.Charts.v21.1.dll

Declaration

C#
VB.NET

public class ScatterLineSeriesView :
    MarkerSeriesView

Public Class ScatterLineSeriesView
    Inherits MarkerSeriesView

Remarks

Use the Series.View property to define the series view type.

The following example creates a Scatter Line chart:

Scatter Line series view

XAML

<Common:DemoModuleView
    x:Class="ChartsDemo.ScatterLineSeriesViewModule"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:Common="using:FeatureDemo.Common"
    xmlns:Charts="using:DevExpress.WinUI.Charts">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Charts:CartesianChart x:Name="cartesianChart" Grid.Row="1" >
            <Charts:CartesianChart.AxisX>
                <Charts:AxisX ShowMajorGridlines="True" ShowMinorGridlines="True">
                    <Charts:AxisX.WholeRange>
                        <Charts:WholeAxisRange SideMargins="2"/>
                    </Charts:AxisX.WholeRange>
                </Charts:AxisX>
            </Charts:CartesianChart.AxisX>
            <Charts:CartesianChart.AxisY>
                <Charts:AxisY ShowMajorGridlines="True" ShowMinorGridlines="True">
                    <Charts:AxisY.WholeRange>
                        <Charts:WholeAxisRange SideMargins="2"/>
                    </Charts:AxisY.WholeRange>
                </Charts:AxisY>
            </Charts:CartesianChart.AxisY>
            <Charts:CartesianChart.Series>
                <Charts:Series DisplayName="Archimedian Spiral">
                    <Charts:Series.View>
                        <Charts:ScatterLineSeriesView MarkerSize="9" ShowMarkers="True" />
                    </Charts:Series.View>
                    <Charts:Series.Data>
                        <Charts:DataPointCollection  />
                    </Charts:Series.Data>
                </Charts:Series>
            </Charts:CartesianChart.Series>
        </Charts:CartesianChart>
    </Grid>
</Common:DemoModuleView>

C#
VB.NET

using System;
using DevExpress.WinUI.Charts;
using Microsoft.UI.Xaml;
using FeatureDemo.Common;


namespace ChartsDemo {
    public sealed partial class ScatterLineSeriesViewModule : DemoModuleView {
        DataPointCollection archimedianSpiral;

        public ScatterLineSeriesViewModule() {
            this.InitializeComponent();
            Loaded += OnLoaded;
        }
        void OnLoaded(object sender, RoutedEventArgs e) {
             archimedianSpiral= (DataPointCollection)cartesianChart.Series[0].Data;
           CreateArchimedianSpiralPoints();
        }
        void CreateArchimedianSpiralPoints() {
            for (int i = 0; i < 720; i += 15) {
                double t = (double)i / 180 * Math.PI;
                double x = t * Math.Cos(t);
                double y = t * Math.Sin(t);
                archimedianSpiral.Add(new DevExpress.WinUI.Charts.DataPoint(x, y));
            }
        }
    }
}

Imports System
Imports DevExpress.WinUI.Charts
Imports Microsoft.UI.Xaml
Imports FeatureDemo.Common

Namespace ChartsDemo
    Public NotInheritable Partial Class ScatterLineSeriesViewModule
        Inherits DemoModuleView

        Private archimedianSpiral As DataPointCollection

        Public Sub New()
            Me.InitializeComponent()
            Loaded += AddressOf OnLoaded
        End Sub

        Private Sub OnLoaded(ByVal sender As Object, ByVal e As RoutedEventArgs)
            archimedianSpiral = CType(cartesianChart.Series(0).Data, DataPointCollection)
            CreateArchimedianSpiralPoints()
        End Sub

        Private Sub CreateArchimedianSpiralPoints()
            For i As Integer = 0 To 720 - 1 Step 15
                Dim t As Double = i / 180 * Math.PI
                Dim x As Double = t * Math.Cos(t)
                Dim y As Double = t * Math.Sin(t)
                archimedianSpiral.Add(New DevExpress.WinUI.Charts.DataPoint(x, y))
            Next
        End Sub
    End Class
End Namespace

For step-by-step instructions on how to create a Cartesian chart, refer to the following help topic: Lesson 1 - Create a Cartesian Chart.