Big Faceless Graph Library 2.3 Tag Documentation - Copyright © 2006 Big Faceless Organization

splineseries

Description

The "splineseries" tag is identical to lineseries, except the resulting line is fitted or "smoothed" using a spline curve. The exact spline to use is specified using the "spline" attribute, which defaults to "catmullrom" (a type of spline the passes through every point on the curve).

Valid Children

data+ marker* label* line*

Examples

Example: Plotting numeric data, using a smoothed line
<axesgraph width="300" height="300">
  <splineseries name="My Line Series">
    <data x="1" y="5" />
    <data x="2" y="7" />
    <data x="3" y="12" />
  </splineseries>
</axesgraph>
Example: Plotting dates, using a B-spline for a curve that doesn't pass through each point
<axesgraph width="300" height="300">
  <axis pos="bottom" type="date" density="sparse" />
  <splineseries name="My Line Series" spline="b">
    <data x="2004-01-01" y="5" />
    <data x="2004-01-02" y="7" />
    <data x="2004-01-03" y="12" />
  </splineseries>
</axesgraph>

See Also

Attributes

depth Real > 0 optional XML / Tag Library

Description

How deep to draw the lines into the graph, when drawing in 3D. The value is specified as a proportion of the width of the graph, and the default is 0.1 (or 10%) of the width.
Definition: LineSeries.setDepth()
spline "catmullrom" | "b" | Double[16] optional XML / Tag Library

Description

The spline algorithm to use to fit the curve. The default, "catmullrom" causes the spline to pass through each point. A B-spline which approximates each point can be drawn by setting this to "b". The mathematically inclined can also specify the 4x4 spline matrix directly by setting this attribute to an array of 16 doubles.
series Series name optional XML / Tag Library

Description

If specified this can be used to wrap a previously defined series in a spline. It can be used as an alternative to repeating the X and Y values.

Examples

Example: Plotting data and a trend line
<axesgraph width="300" height="300">
  <axis pos="bottom" type="date" density="sparse" />
  <lineseries name="Samples">
    <data x="2004-01-01" y="5" />
    <data x="2004-01-02" y="7" />
    <data x="2004-01-03" y="12" />
  </lineseries>
  <splineseries name="Trend" spline="b" series="Samples" />
</axesgraph>
Definition: FunctionSeries.setLineSeries()
name String mandatory 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.
pos (top | bottom) (left | right) optional 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>
color Paint optional XML / Tag Library

Description

The paint to use as the fill color for the specified object
Definition: Style.setColor()
bordercolor Color optional 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()
linethickness Real > 0 optional 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()
dash Real[] optional 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)
overflow Boolean optional 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)
href URI optional Tag Library Only

Description

Used in interactive graphs to turn a region of the graph into a hyperlink.
Definition: HTML 4.0
target frame-target optional Tag Library Only

Description

Used in interactive graphs to set the target of a href.
Definition: HTML 4.0
title Text optional Tag Library Only

Description

The "title" attribute of the image
Definition: HTML 4.0
onclick script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the click event occurs on a region of the graph
Definition: HTML 4.0
ondblclick script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the dblclick event occurs on a region of the graph
Definition: HTML 4.0
onkeydown script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the keydown event occurs on a region of the graph
Definition: HTML 4.0
onkeypress script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the keypress event occurs on a region of the graph
Definition: HTML 4.0
onkeyup script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the keyup event occurs on a region of the graph
Definition: HTML 4.0
onmousedown script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the mousedown event occurs on a region of the graph
Definition: HTML 4.0
onmousemove script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the mousemove event occurs on a region of the graph
Definition: HTML 4.0
onmouseout script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the mouseout event occurs on a region of the graph
Definition: HTML 4.0
onmouseover script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the mouseover event occurs on a region of the graph
Definition: HTML 4.0
onmouseup script optional Tag Library Only

Description

Used in interactive graphs to set what happens when the mouseup event occurs on a region of the graph
Definition: HTML 4.0
Big Faceless Graph Library 2.3 Tag Documentation - Copyright © 2006 Big Faceless Organization