scatterseries

Description

The "scatterseries" tag works exactly like the lineseries tag, except it is made up of unconnected points. X values can be specified as numbers or dates, and markers will be drawn at those points (in the same way as adding a marker directly. Values can be specified as dates - acceptable formats are ISO8601 or RFC822. Basically any prefix of "yyyy-MM-dd HH:mm:ss" will do.

Valid Children

data+ marker* label* line*

Examples

Example: Plotting numeric data

<axesgraph width="300" height="300">
  <scatterseries name="My Line Series">
    <data x="1" y="5" />
    <data x="2" y="7" />
    <data x="3" y="12" />
  </scatterseries>
</axesgraph>

See Also

lineseries

Attributes

XML / Tag Library

Description

The type of marker to draw on the graph. Valid values are the same as the type attribute on the Marker tag.

small | medium | large

XML / Tag Library

Description

The size of marker to draw on the graph. Valid values are the same as the size attribute on the Marker tag. The default is "medium"

XML / Tag Library

Description

How far to rotate the text or marker from its normal position, in degrees clockwise from 12 o'clock. For labels on piegraphs the special value "auto" may be used to rotate labels to match the orientation of their slices.

Definition: TextStyle.setRotate()

XML / Tag Library

Description

Every item in the graph may have a "name", which is how it appears in the Key (if listed) and for some items, how it's refered to in JavaScript. The name is required for Series and optional for other items like markers.

(top | bottom) (left | right)

XML / Tag Library

Description

Which axes to plot the series against on an AxesGraph. This attribute has a default value of "bottom left", which means the series is plotted against the bottom and left axis, but other valid values would be "top left", "bottom right" or "top right".

Examples

Example: Plotting dates against the bottom axis and days of week against the top

<axesgraph width="300" height="300">
  <axis pos="bottom" type="date">
    <teeth rotate="90" align="left middle" />
  </axis>
  <axis pos="top" type="bar" />
  <lineseries pos="bottom left" name="Amount over the year">
    <data x="2003-01-01" y="20" />
    ...
    <data x="2003-12-31" y="17" />
  </lineseries>
  <barseries pos="top left" name="Average amount per weekday">
    <data x="Sun" y="18" />
    ...
    <data x="Sat" y="21" />
  </barseries>
</axesgraph>

XML / Tag Library

Description

The paint to use as the fill color for the specified object

Definition: Style.setColor()

XML / Tag Library

Description

The color to use as the border color for the specified object. May be "none" to not draw a border for this object.

Definition: Style.setBorderColor()

XML / Tag Library

Description

The thickness to draw the borders for this object, except for lineseries and functionseries objects when the graph is being drawn in 2D, in which case this attribute, as you would expect, sets the thickness of the lines.

Definition: Style.setLineThickness()

XML / Tag Library

Description

The dashing pattern to use to draw the borders for this object (for 2D lineseries this functions the same as the linethickness attribute). An even number of parameters that are > 0 must be specified, where the first in each pair is the length of the dash, the second is the length of the space. Examples would be dash="5,5" to create a regular dash pattern, or dash="6,2,2,2" to create a dash/dot type pattern.

Definition: Style.setLineDash(double,double)

XML / Tag Library

Description

If overflow is set to true, the item which it refers to will not play a part in the sizing algorithm used to ensure the graph fits the image: the item may overflow the edge of the graph. This makes sense only in a few situations, eg markers, lines and sometimes text, and should be used with caution.

Definition: Style.setOverflow(boolean)