Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0
Wiki Markup
{scrollbar}

h2. 

Time

...

Series

...

Area

...

Chart

...

Anchor
timeseriesareachart
timeseriesareachart

The time series area 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. This chart will have one date\time based axis (the domain axis) and one numeric axis (the range axis). Each line will fill the from the line to the bottom of the plot with its series color.

Dataset Guidelines

This chart expects its data as a time series dataset.

Required Properties

The following properties are required:

chart-type

Code Block
XML
XML
<chart-type>AreaChart</chart-type>
{code}
*

dataset-type

...

Code Block
XML
XML
<dataset-type>TimeSeriesCollection</dataset-type>
{code}

The

...

optional

...

chart

...

properties

...

that

...

are

...

supported

...

for

...

this

...

chart

...

are

...

listed

...

in

...

the

...

Chart

...

Properties

...

Reference

...

.

...

Example

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

Code Block
XML
XML
<chart>
	<chart-type>AreaChart</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_area_chart.png!

Image Added