Step Line Chart

A step line chart is similar to a line chart, but it does not use the shortest distance to connect two data points. Instead, the step line chart uses vertical, and horizontal lines to connect the data points in a series forming a step-like progression.

 

The following image shows a Step Line chart:

 

 

 

Example:

 

 

<vc:DataSeries RenderAs="StepLine">

              <vc:DataSeries.DataPoints>

                        <vc:DataPoint AxisXLabel="Jan"  YValue="15"/>

                        <vc:DataPoint AxisXLabel="Feb"  YValue="20"/>

                        <vc:DataPoint AxisXLabel="Mar"  YValue="55"/>

                        <vc:DataPoint AxisXLabel="Apr"   YValue="40"/>

                        <vc:DataPoint AxisXLabel="May"  YValue="10"/>

                        <vc:DataPoint AxisXLabel="Jun"   YValue="68"/>

                        <vc:DataPoint AxisXLabel="Jul"    YValue="70"/>

              </vc:DataSeries.DataPoints>

 </vc:DataSeries>

 

 

 

 

Chart Specific Attributes

 

The following attributes are specific to Step Line Chart.

 

LineColor

LineStyle

LineThickness

LabelStyle

MovingMarkerEnabled

MarkerBorderThickness

MarkerBorderColor

MarkerColor

MarkerEnabled

MarkerScale

MarkerSize

MarkerType