barseries

The "barseries" tag creates a regular series of bars. Bars are slightly different from other types of series in that they represent discrete data indexed by strings rather than continuous data (as with a line). Consequently the "x" value on the barseries' "data" objects may be a String (bars will be ordered in the order they appear in the XML). Each bar data must have an "x", which may be a String or a Date, and either a "y" or a "min" and "max" attribute.

Bars can be plotted against a Date axis, but a couple of rules need to be remembered. First, the "x" value of the data must match exactly the date as it would be formatted by the Date axis. For example, if your axis is date("yyyy-MM") then the "x" value of the data must be like "2001-01", "2001-02" etc. - "2001-Jan" will give undefined results. The "barsatnoon" attribute on the "axis" may also be helpful when plotting bars.

<axesgraph width="300" height="300">
  <barseries name="Comparing apples and oranges">
    <data x="Apples" y="20" />
    <data x="Oranges" y="30" />
  </barseries>
</axesgraph>

<axesgraph width="300" height="300">
  <axis pos="bottom" type="date(yyyy-MM)" />
  <barseries name="Amount per month">
    <data x="2003-01" y="20" />
    <data x="2003-02" y="30" />
  </barseries>
</axesgraph>

<axesgraph width="300" height="300">
  <barseries name="2001">
    <data x="Apples" y="20" />
    <data x="Oranges" y="30" />
  </barseries>
  <barseries name="2002">
    <data x="Apples" y="25" />
    <data x="Oranges" y="35" />
  </barseries>
</axesgraph>

<axesgraph width="300" height="300">
  <barseries name="My Bars" labelformat="0%">
     ...
  </barseries>
</axesgraph>

<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>