# floatingbargraph 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: | bargraph depthbargraph gdata towerbargraph

Draw a floatingbargraph into the document. In a floatingbargraph, the bars do not need to start from "y=0" but may hover above the axis.
The gdata elements used to specify the data must specify the min-value, mid-value and max-value attributes, which determine the bottom, mid-point and top of each bar respectively. If no mid-point is required, the mid-value attribute should be set to the value of min-value or max-value.
Like the other graphs, the width and height attributes must be set but all other attributes are optional.

This draws a simple Floating BarGraph with three bars.

    <floatingbargraph width="100" height="100">
      <gdata name="apples" min-value="10" mid-value="12" max-value="15"/>
      <gdata name="oranges" min-value="8" mid-value="11" max-value="18"/>
      <gdata name="lemons" min-value="4" mid-value="5" max-value="7"/>
    </floatingbargraph>