# areagraph element

Type: | Graphs
Attributes: | cumulative • curve-depth • draw-segments • function-smoothness • max-data-points • min-x • x-stretch-to-zero • 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: | datacurve linegraph simplecurve

Draw an areagraph into the document. An Area graph is very similar to a linegraph, but with the space beneath the lines filled in. Other than that it's almost identical.
The data for an areagraph is specified as a "curve" - either a simplecurve representing a mathematical function or a datacurve, representing one or more samples. Each areagraph must contain one or more datacurve or simplecurve children.
The width and height attributes must be set. In addition, if only simplecurve curves are used, the min-x and max-x attributes must be specified to determine the range of the graph. All other attributes are optional.

This shows a simple Area graph.

    <areagraph>
      <datacurve name="My Data" color=red">
        <sample x="10" y="24.5"/>
        <sample x="11" y="32"/>
        <sample x="12" y="20.7"/>
      </datacurve>
    </areagraph>