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

image

Description

The "image" tag can be used inside any series or a piegraph to add a bitmap image as a marker. It's used in exactly the same way as the "marker" tag.

Examples

Example: Adding markers to a Pie graph
<piegraph width="300" height="300">
  <data x="Apple" y="20">
    <image src="http://someurl.com/image/apple.png" />
  </data>
  <data x="IBM" y="30">
    <image src="http://someurl.com/image/ibm.png" />
  </data>
    ...
</piegraph>

Attributes

x Real or Date mandatory XML / Tag Library

Description

The X position to create the marker
y Real or Date mandatory XML / Tag Library

Description

The Y position to create the marker
src URL mandatory XML / Tag Library

Description

The URL to load the image from.
name String optional 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.
distance Real optional XML / Tag Library

Description

The distance from the center of the dialgraph or piegraph to place each marker
angle Real optional XML / Tag Library

Description

When the marker is inside a "dialgraph", setting this parameter to the angle (in degrees clockwise from 12 o'clock) and the "distance" attribute will place the marker on the dial.
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