Google Charts Control is an implementation of a set of chart controls provided by Google Visualization API.
The control provides the following chart types:
The control has general properties and also an optional set of properties under Configuration Options section.
||Width of the chart in pixels
||Height of the chart in pixels.
||Type of chart.
||Interactive / Image
||Data to be shown
||Selected Category Name.
||Selected Series Name.
||Selected Series Value.
||Text to display below the horizontal axis.
||Text to display by the vertical axis.
||Text to display above the chart.
||Name of the control.
||The color of the axis.
||The background color for the main area of the chart.
||The colors to use for the chart elements. Each element is a string that is a color supported by HTML, for example 'red' or '#00cc00'. The associated variable must be a Character Collection.
||The border around chart elements that are in focus (pointed by the mouse).
||If set to true, displays a three-dimensional change.
||If set to true, line values are stacked (accumulated).
||Position and type of legend.
||The background color for the legend area of the chart.
||The color for the text entries of the legend.
||If set to true, will draw categories from right to left. The default is to draw left-to-right.
||The color for the chart's title.
The property Data could be receive several values. Some examples are presented here:
When a numeric values is specified, the value is would be show as a row. For instance :
&num = 100
- An structure data type with character and number
The number value is graph as a row, and the character value would be the row title. For instance :
&sdt.Name1 = 'Sales'
&sdt.Value1 = 100
- A collection of structure data type with character and number
Every number value is graph as a row and each character value is assumed as a row title
&sdt.Name1 = '"2006"'
&sdt.Value1 = 100
&sdt = new()
&sdt.Name1 = '"2007"'
&sdt1.Value1 = 150
&sdt1 = new()
&sdt1.Name1 = '"2008"'
&sdt1.Value1 = 50
- An structure data type with categories and series ( such as Gxchart implementation )
&GoogleChartSeries.Name = "Sales"
&GoogleChartSeries = new()
&GoogleChartSeries.Name = "Expenses"
||When the user clicks on a legend entry, the corresponding column in the data table is selected; when the user clicks on a chart column, the corresponding cell in the data table is selected. In addition, the following control's properties are populated with the relevant selected data: SelectedCategoryName, SelectedSeriesName and SelectedSeries Value.