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>
| roundbars | boolean | optional | XML / Tag Library |
| barwidth | Real > 0 <= 1 | optional | XML / Tag Library |
| bardepth | Real > 0 <= 1 | optional | XML / Tag Library |
| labelformat | String | optional | XML / Tag Library |
<axesgraph width="300" height="300">
<barseries name="My Bars" labelformat="0%">
...
</barseries>
</axesgraph>| topbarwidth | Real >= 0 <= 1 | optional | XML / Tag Library |
<axesgraph width="300" height="300" autocolors="#800000, #FFE0E0" xrotation="20" yrotation="10">
<stackedbarseries name="Funnel" bargap="0.5">
<barseries name="2005" topbarwidth="0.2" bottombarwidth="0.05"><data x="x" y="5" /></barseries>
<barseries name="2004" topbarwidth="0.45" bottombarwidth="0.2"><data x="x" y="5" /></barseries>
<barseries name="2003" topbarwidth="0.5" bottombarwidth="0.45"><data x="x" y="5" /></barseries>
<barseries name="2002" topbarwidth="0.8" bottombarwidth="0.5"><data x="x" y="5" /></barseries>
<barseries name="2001" topbarwidth="0.9" bottombarwidth="0.8"><data x="x" y="5" /></barseries>
</stackedbarseries>
<axis pos="left" type="null" color="none" />
<axis pos="bottom" type="null" color="none" />
</axesgraph>| bottombarwidth | Real >= 0 <= 1 | optional | XML / Tag Library |
| middlebarwidth | Real >= 0 <= 1 | optional | XML / Tag Library |
topbarwidth and bottombarwidth, this
attribute sets the width of the middle of the bar, which can be used to create a "funnel"
shape. Unlike those attributes this cannot be used on a stackedbarseries,
only on a barseries used inside a stackedbarseries
<axesgraph width="300" height="300" autocolors="#408040, #D0FFD0">
<stackedbarseries name="Funnel" topbarwidth="0.9" bottombarwidth="0.15" bargap="1">
<barseries name="2001" middlebarwidth="0.2" bottombarwidth="0.2">
<data x="Data" y="5" />
<label x="Data" y="2.5" align="center middle">Purchases</label>
</barseries>
<barseries name="2002">
<data x="Data" y="8" />
<label x="Data" y="4" align="center middle">Inquries</label>
</barseries>
<barseries name="2003">
<data x="Data" y="18" />
<label x="Data" y="9" align="center middle">Signups</label>
</barseries>
<barseries name="2004">
<data x="Data" y="12" />
<label x="Data" y="6" align="center middle">Visitors</label>
</barseries>
</stackedbarseries>
</axesgraph>| name | String | mandatory | XML / Tag Library |
| pos | (top | bottom) (left | right) | optional | XML / Tag Library |
<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 |
| bordercolor | Color | optional | XML / Tag Library |
| linethickness | Real > 0 | optional | XML / Tag Library |