Page Comparison

{scrollbar}
----

h3. Time Series Step Chart
{anchor:timeseriesstepchart}

The time series step chart consists of pairs of values (plotted as points) on a line for each series in the given dataset. Each pair of values consists of one date and one numeric value.  A time series lineThis chart will have one date\time based axis (the domain axis) and one numeric axis (the range axis). Each line is drawn at a 90 degree angle from point to point. 

h5. Dataset Guidelines

The time series stepThis chart expects its data as a [time series dataset|The Time Series Dataset].

h5. Required Properties

The following properties are required by a time series stepthis chart:

*chart-type*

{code:XML}
<chart-type>StepChart</chart-type>
{code} 

*dataset-type*

{code:XML}
<dataset-type>TimeSeriesCollection</dataset-type>
{code} 

The optional chart properties that are supported for a time series stepthis chart are listed in the [Chart Properties Reference].

h5. Example

The following chart definition will produce the chart in the example below.

{code:XML}
<chart>
	<chart-type>StepChart</chart-type>
	<dataset-type>TimeSeriesCollection</dataset-type>
	<subtitles>
		<subtitle>
			<![CDATA[Product Lines]]>
		</subtitle>
	</subtitles>
        <line-style>solid</line-style>
        <line-width>2</line-width>
	<title>Time Series Chart Sample</title>
	<border-visible>false</border-visible>
	<domain-title>Time</domain-title>
	<range-title>Sold Price</range-title>
	<range-maximum>60000</range-maximum>
	<range-minimum>0</range-minimum>
	<date-maximum>June 14, 2005, 00:00:00 </date-maximum>
	<date-minimum>January 1, 2005, 00:00:00 </date-minimum>
	<domain-vertical-tick-labels>true</domain-vertical-tick-labels>
	<color-palette>
		<color>#EE7733</color>
		<color>#9EAA36</color>
		<color>#BF0000</color>
		<color>#FCCF12</color>
		<color>#772200</color>
		<color>#DDCC88</color>
		<color>#123D82</color>
		<color>#4A0866</color>
		<color>#445500</color>-
		<color>#FFAA00</color>
		<color>#1E8AD3</color>
		<color>#AA6611</color>
		<color>#772200</color>
	</color-palette>
</chart>
{code}

!sample_timeseries_step_chart.png!