DW Pie Chart Component

The zip file contains the component, file and installation manual.

Component

Various parameters are provided in the admin section for configuring the display of pie chart (or bar chart) in the front end:

Title For Page: Specify the text to be displayed as the header of the page. HTML tags are allowed.

Title For Field Name: Title for the field names of Pie Chart. For example, if you want to display hours spent on tasks on Pie chart. This should be set to "Task", it will be use in "Chart Data" section.

Title For Field Value: Title for the field value of Pie Chart. For example, if you want to display hours spent on tasks on Pie chart. This should be set to "Hours per Day", it will be use in "Chart Data" section.

Display Chart: Whether to enable or disable display of chart in front end. If enabled system should be connected to internet. With single selection you can display bar chart or pie chart without modifying any configure parameters or chart data

Title For Chart: Specify the text to display above the chart.

Height Of Chart in pixels: Specify the height of the chart. Should be numeric value. Default will be height of the containing elements.

Width Of Chart in pixels: Specify the width of the chart. Should be numeric value. Default will be width of the containing element.

is3D: If set to true, displays a three-dimensional chart. Default should be "false".

Font Name: Specify the default font face for all text in the chart. Keep this field value blank for default value "Arial".

Font Size in pixels: Specify the default font size, in pixels, of all text in the chart. Keep this field value blank for default "auto"

Position of the legend: Select the positon of the legend. Legend contains the titles of the slices. Default should be "right".

Reverse Categories: If set to true, will draw slices counterclockwise. The default is to draw clockwise (i.e false).

Slice Text Content: The content of the text displayed on the slice. Default should be "percentage"

Background Color Stroke: Specify the color of the chart border, as an HTML color string. Default is "#666". Keep this field value blank for default value.

Background Color Stroke Width: Specify the border width, in pixels. Should be numeric value. Default is 0. Keep this field value blank for default value.

Background Color Fill: Specify the chart fill color, as an HTML color string. Default is "white". Keep this field value blank for default value.

Chart Area

Chart Area Left: Specify how far to draw the chart from the left border. Keep this field value blank for default "auto".

Chart Area Top: Specify how far to draw the chart from the top border. Keep this field value blank for default "auto".

Chart Area Width: Specify chart area width. Keep this field value blank for default "auto".

Chart Area Height: Specify chart area height. Keep this field value blank for default "auto".