DW Chart Component

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

Component

Various parameters are provided in the admin section for configuring the display of column chart in the front end:

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

Display Chart: Whether to enable or disable display of chart in front end. If enabled system should be connected to internet.

No of Columns: Specify the Number of columns used in CSV excluding column describing date. This value should be changed prior to uploading CSV.

Columns Names: Specify the Name of columns that should be shown in frontend. Names should be seperated by comma. They will be displayed in the order they are mentioned.

Span Of Data: Specify the span of the data to be shown in frontend. Should be numeric value. Must me less than or equal to the total number of records.

Axis Titles Position: Where to place the axis titles, compared to the chart area.
Supported values:
→in - Draw the axis titles inside the the chart area.
→out - Draw the axis titles outside the chart area.
→none - Omit the axis titles. Default should be "out"

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".

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"

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

Grid Line Color: Specify the color of the gridlines inside the chart area. Specify a valid HTML color string. Keep this field value blank for default value "#CCC".

Horizontal Axis(hAxis) elements

hAxis Direction: The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values. Default should be "1".

hAxis Text Position: Position of the horizontal axis text, relative to the chart area. Supported values: out, in, none. Default should be "out".

hAxis Title: hAxis property that specifies the title of the horizontal axis.

hAxis Slanted Text: If true, draw the horizontal axis text at an angle, to help fit more text along the axis; if false, draw horizontal axis text upright. Default behavior is to slant text if it cannot all fit when drawn upright. Default should be "auto".

hAxis Slanted Text Angle: The angle of the horizontal axis text, if its drawn slanted. Ignored if hAxis Slanted Text is false, or is in auto mode, and the chart decided to draw the text horizontally. Default should be "30".

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

Is Stacked: If set to true, bar values are stacked (accumulated). Default should be "false".

Position of the legend: Select the positon of the legend. Legend contains the column names. Default should be "right".

Reverse Categories: If set to true, will draw categories from right to left. The default is to draw left-to-right.

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

Chart Title Position: Where to place the chart title, compared to the chart area. Supported values: out, in, none. Default should be "in".

Vertical Axis(vAxis) elements

vAxis Direction: The direction in which the values along the vertical axis grow. Specify -1 to reverse the order of the values. Default should be "1".

vAxis Text Position: Position of the vertical axis text, relative to the chart area. Supported values: out, in, none. Default should be "out".

vAxis Title: vAxis property that specifies the title of the vertical axis.

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