# depthbargraph element

Type: | Graphs
Attributes: | bar-depth • bar-width • display-barvalues • key-on-x • round-bars • zaxis-formatter • 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: | a bargraph gdata towerbargraph

Draw a depthbargraph into the document. A depthbargraph is a bargraph with more than one row of bars, going into the page.
Like the towerbargraph, the gdata elements used to specify the data must specify the name2 attribute, which is the name on the second axis - in this case, the axis running "into" the page.
Like the other graphs, the width and height attributes must be set but all other attributes are optional, although due to the 3D nature of this graph it's highly recommended to set the xrotation and yrotation attributes as well.

This creates a 3D graph with two columns and four rows of bars.

    <depthbargraph width="100" height="100" xrotation="30" yrotation="30">
      <gdata name="2000" name2="Q1" value="12"/>
      <gdata name="2000" name2="Q2" value="5"/>
      <gdata name="2000" name2="Q3" value="7"/>
      <gdata name="2000" name2="Q4" value="3"/>
      <gdata name="2001" name2="Q1" value="3"/>
      <gdata name="2001" name2="Q2" value="1"/>
      <gdata name="2001" name2="Q3" value="4"/>
      <gdata name="2001" name2="Q4" value="9"/>
    </depthbargraph>