# piegraph element

Type: | Graphs
Attributes: | display-percentage • display-zeros • other-label • other-percentage • outer-key-percentage • pie-height • 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 piegraph 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 PieGraph with three slices. The "lemons" slice is extended away from the center of the graph

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