# linegraph element

Type: | Graphs
Attributes: | curve-depth • function-smoothness • line-thickness • max-data-points • min-x • x-stretch-to-zero • xaxis-at-zero • y-stretch-to-zero • yaxis-at-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: | areagraph datacurve simplecurve

Draw a linegraph into the document. This type of graph, which also includes a "scatter graph", is usually used to plot one or more data samples onto a graph, optionally joined by lines.
The data for a linegraph is specified as a "curve" - either a simplecurve representing a mathematical function or a datacurve, representing one or more samples. Each linegraph 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 graph shows two curves, one DATACURVE and one SIMPLECURVE

    <linegraph width="300" height="300">
      <datacurve name="Actual Measurements" color="red" marker="circle only">
        <sample x="10" y="24.5"/>
        <sample x="11" y="32"/>
        <sample x="12" y="20.7"/>
      </datacurve>
      <simplecurve name="Projected Measurements" method="mypackage.GuessValues" color="blue"/>
    </linegraph>

This linegraph plots date values.

    <linegraph width="300" height="300" xaxis-formatter="date()">
      <datacurve name="Plotting dates" marker="circle">
        <sample x="2001-10-01" y="1"/>
        <sample x="2001-10-15" y="2"/>
        <sample x="2001-10-22" y="3"/>
      </datacurve>
    </linegraph>

This linegraph plots dates and times.

    <linegraph width="300" height="300" xaxis-formatter="date()">
      <datacurve name="Plotting times" marker="circle">
        <sample x="2001-10-01 12:00" y="1"/>
        <sample x="2001-10-01 13:00" y="2"/>
        <sample x="2001-10-01 14:00" y="3"/>
      </datacurve>
    </linegraph>