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 |