# bargraph element

Type: | Graphs
Attributes: | bar-depth • bar-width • display-barvalues • round-bars • axes-color • floor-border-color • min-y • xaxis-formatter-density • xaxis-formatter • xaxis-label • xaxis • yaxis-formatter • yaxis-label • yaxis • ywall-border-color • ywall-grid • zaxis • zwall-border-color • box-color • default-colors • display-key • key • keybox-border-color • light-level • light-vector • xrotation • yrotation • zrotation • align • background-color • background-image-dpi • background-image-position • background-image • background-pdf • border-color • border-style • border-width • border • clear • corner-radius • display • float • font-size • height • href • left • line-cap • line-height • line-join • margin • onmouseover • overflow • padding • page-break-after • page-break-inside • position • rotate • size • top • vertical-align • visibility • white-space • width • class • colorspace • direction • id • lang
See: | depthbargraph gdata towerbargraph

Draw a regular bargraph into the document. The graph must contain one or more gdata elements to define the data.
Like the other graphs, the width and height attributes must be set but all other attributes are optional.

This draws a simple BarGraph with three bars.

    <bargraph width="100" height="100">
      <gdata name="apples" value="10"/>
      <gdata name="oranges" value="8"/>
      <gdata name="lemons" value="12"/>
    </bargraph>