Wiki Markup |
---|
{scrollbar}
----
h3. Time Series StepArea Chart
{anchor:timeseriesstepareachart}
The time series steparea 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 line 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 steparea 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 steparea chart:
*chart-type*
{code:XML}
<chart-type>StepAreaChart</chart-type>
{code}
*dataset-type*
{code:XML}
<dataset-type>TimeSeriesCollection</dataset-type>
{code}
The optional chart properties that are supported for a time series steparea 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>StepAreaChart</chart-type>
<dataset-type>TimeSeriesCollection</dataset-type>
<subtitles>
<subtitle>
<![CDATA[Product Lines]]>
</subtitle>
</subtitles>
<title>Time Series Chart Sample</title>
<border-visible>false</border-visible>
<markers-visible>true</markers-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_steparea_chart.png! |
Page Comparison
Manage space
Manage content
Integrations