Show graph data on a web page in the form of a pie chart.
The chart is generated and drawn entirely on the web browser client. Using PHP or other server-side languages, one can populate the chart with customized data, by adjusting the JavaScript that is included in the web page with the component. After inserting the component, find the line of JavaScript code beginning with "layout.addDataset", and populate custom data from the server when generating the page.
Internet Explorer 7+, Firefox 3+, Safari 4+
Options: General Appearance
- Unique Element ID
- The value for the id attribute assigned to the inserted root HTML tag for the component. This value is used to uniquely identify the component.
- Canvas Width
- The width of the canvas on which the bar graph is drawn, in pixels.
- Canvas Height
- The height of the canvas on which the bar graph is drawn, in pixels.
- Pie Size
- The percentage of the canvas that is filled by the pie.
- Background Color
- The background color of the canvas.
- Pie Slice Border Color
- The color of the border drawn around each pie slice.
- Pie Slice Border Width
- The width of the border drawn around each pie slice, in pixels.
- Pie Slice Color Scheme
- Specifies the color of pie slices in the graph. Select "Custom..." for the color scheme to manually define the colors.
- Slice Color
- If Pie Slice Color Scheme is set to "Custom...", this option is available to define the custom colors. The number of colors to select will correspond to the number of data elements.
Options: Label Appearance
- Show Labels
- Should labels be displayed for each pie slice?
- Label Font Size
- The size of label text, in pixels.
- Label Width
- The maximum width of labels, in pixels. Label text will wrap onto additional lines if it exceeds this width.
- Label Font Color
- The color of label text.
- Label Value Type
- Indicates if the data value will be displayed in label as a raw value or percentage, or if it will not be displayed at all.
- Label Number Format
- Sets how the numeric label value will be formatted.
- Number of Data Elements
- Corresponds to the number of pie slices in the chart.
- Label Title
- The label title text for a particular data element.
- Data Value
- The numeric data value for a particular data element.