StepLineSeriesView Class

The Step Line series view.

Namespace: DevExpress.WinUI.Charts

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

Declaration

C#

public class StepLineSeriesView :
    LineSeriesView,
    IStepSeriesView,
    ISeriesView,
    IPatternHolder

VB.NET

Public Class StepLineSeriesView
    Inherits LineSeriesView
    Implements IStepSeriesView,
               ISeriesView,
               IPatternHolder

Remarks

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

The following example creates a Step Line chart:

XAML

<Common:DemoModuleView
   x:Class="ChartsDemo.LineSeriesViewModule"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:Charts="using:DevExpress.WinUI.Charts"
   xmlns:Common="using:FeatureDemo.Common"
   BorderBrush="Transparent">
   <Grid>
       <Grid.RowDefinitions>
           <RowDefinition Height="Auto" />
       </Grid.RowDefinitions>
       <Charts:CartesianChart x:Name="chart" Grid.Row="1" >
           <Charts:CartesianChart.AxisX>
               <Charts:AxisX ShowLine="True" ShowMajorTickmarks="True">
               </Charts:AxisX>
           </Charts:CartesianChart.AxisX>
           <Charts:CartesianChart.AxisY>
               <Charts:AxisY ShowLine="True">
                   <Charts:AxisY.Title>
                       <Charts:AxisTitle Content="$ per Gallon" />
                   </Charts:AxisY.Title>
               </Charts:AxisY>
           </Charts:CartesianChart.AxisY>
           <Charts:CartesianChart.Series>
               <Charts:Series DisplayName="Retail Prices">
                   <Charts:Series.View>
                       <Charts:StepLineSeriesView ShowMarkers="True" MarkerSize="8" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding SeriesData}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="Date" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="Price" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
           </Charts:CartesianChart.Series>
       </Charts:CartesianChart>
   </Grid>
</Common:DemoModuleView>

C#

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

namespace ChartsDemo {
   public sealed partial class LineSeriesViewModule : DemoModuleView {
       public LineSeriesViewModule() {
           DataContext = new LineSeriesViewModule();
       }
   }
   public class LineSeriesViewModule : DevExpress.Mvvm.BindableBase {
       private List<RetailPrice> seriesData;

       public List<RetailPrice> SeriesData {
           get { return seriesData; }
           set { SetProperty(ref seriesData, value); }
       }
       public LineSeriesViewModule() {
           SeriesData = new List<RetailPrice>() {
               new RetailPrice(new DateTime(2016, 1, 1, 0, 0, 0), 2.143),
               new RetailPrice(new DateTime(2016, 2, 1, 0, 0, 0), 1.998),
               new RetailPrice(new DateTime(2016, 3, 1, 0, 0, 0), 2.090),
               new RetailPrice(new DateTime(2016, 4, 1, 0, 0, 0), 2.152),
               new RetailPrice(new DateTime(2016, 5, 1, 0, 0, 0), 2.315),
               new RetailPrice(new DateTime(2016, 6, 1, 0, 0, 0), 2.423),
               new RetailPrice(new DateTime(2016, 7, 1, 0, 0, 0), 2.405),
               new RetailPrice(new DateTime(2016, 8, 1, 0, 0, 0), 2.351),
               new RetailPrice(new DateTime(2016, 9, 1, 0, 0, 0), 2.394),
               new RetailPrice(new DateTime(2016, 10, 1, 0, 0, 0), 2.454),
               new RetailPrice(new DateTime(2016, 11, 1, 0, 0, 0), 2.439),
               new RetailPrice(new DateTime(2016, 12, 1, 0, 0, 0), 2.510)
           };
       }
       public class RetailPrice {
           public DateTime Date { get; set; }
           public double Price { get; set; }
           public RetailPrice(DateTime date, double price) {
               Date = date;
               Price = price;
           }
       }
   }
}    

VB.NET

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

Namespace ChartsDemo
   Public NotInheritable Partial Class LineSeriesViewModule
       Inherits DemoModuleView

       Public Sub New()
           DataContext = New LineSeriesViewModule()
       End Sub
   End Class

   Public Class LineSeriesViewModule
       Inherits DevExpress.Mvvm.BindableBase

       Private seriesDataField As List(Of RetailPrice)

       Public Property SeriesData As List(Of RetailPrice)
           Get
               Return seriesDataField
           End Get
           Set(ByVal value As List(Of RetailPrice))
               SetProperty(seriesDataField, value)
           End Set
       End Property

       Public Sub New()
           SeriesData = New List(Of RetailPrice)() From {
               New RetailPrice(New DateTime(2016, 1, 1, 0, 0, 0), 2.143),
               New RetailPrice(New DateTime(2016, 2, 1, 0, 0, 0), 1.998),
               New RetailPrice(New DateTime(2016, 3, 1, 0, 0, 0), 2.090),
               New RetailPrice(New DateTime(2016, 4, 1, 0, 0, 0), 2.152),
               New RetailPrice(New DateTime(2016, 5, 1, 0, 0, 0), 2.315),
               New RetailPrice(New DateTime(2016, 6, 1, 0, 0, 0), 2.423),
               New RetailPrice(New DateTime(2016, 7, 1, 0, 0, 0), 2.405),
               New RetailPrice(New DateTime(2016, 8, 1, 0, 0, 0), 2.351),
               New RetailPrice(New DateTime(2016, 9, 1, 0, 0, 0), 2.394),
               New RetailPrice(New DateTime(2016, 10, 1, 0, 0, 0), 2.454),
               New RetailPrice(New DateTime(2016, 11, 1, 0, 0, 0), 2.439),
               New RetailPrice(New DateTime(2016, 12, 1, 0, 0, 0), 2.510)
           }
       End Sub

       Public Class RetailPrice
           Public Property [Date] As Date
           Public Property Price As Double

           Public Sub New(ByVal [date] As Date, ByVal price As Double)
               Me.Date = [date]
               Me.Price = price
           End Sub
       End Class
   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.

Inheritance

Show 12 items

Object

DependencyObject

UIElement

FrameworkElement

Control

ChartElement

SeriesView

CartesianSeriesView

MarkerSeriesView

ScatterLineSeriesView

LineSeriesView

StepLineSeriesView