Element Details: Chart+Grid

Available in: Logi Info Source code name: ChartGridIntroduced in: v10.0.189

The ChartGrid is a table filled with charts representing data for each cell. There are menu options that allow the user to flexibly interact with the data. The user may:

* Set a data column to make a row for each value.
* Set a data column to make a crosstab column for each value.
* Set data columns to specify the x and/or y axis values of each chart.
* Set the chart type; bar, line, scatter or bubble.
* Show a trend line.

With all these possibilities, it may be important for the user to be able to save these settings between sessions. You can create a Process Task with a Procedure.SaveChartGrid. Load a saved Chart Grid with the rdCgLoadSaved parameter:

(filename is the name of a saved Chart Grid file.)

Users' settings are automatically maintained during the session. Clear the settings by calling the ChartGrid's report with the rdCgReset parameter:


To get fresh data from the database while keeping the user's settings, call the report with the rdCgRefreshData parameter:


It is important that the value of the ID attribute for the ChartGrid element be unique throughout the entire application. This is because Logi Info saves the last state of the ChartGrid in a user’s session information based on the value of the ID for the ChartGrid element. Consequently, if two different report definitions each contain a ChartGrid with the same ID value, the application will display the same ChartGrid for both reports.

ChartGrid defines certain Cascading Style Sheet (CSS) classes. These help with colors, font sizes and spacing. You can over-ride these classes by adding them to your own CSS file. The grid's built-in CSS file is rdTemplate\rdChartGrid\rdCgStyle.css.

Element Group:Charts, Gauges and GIS Maps


Click attribute Name to drill down for more information.

NamePossible ValuesDescription
The Caption attribute identifies the text to be displayed. For Image elements, Caption specifies the image filename.
The height of the chart image, in pixels.
(Required) The ID attribute is a pervasive attribute that uniquely identifies an element within a definition file. The ID needs to be a unique value within the definition.
Users' Chart Grid options may be saved with the Procedure.SaveChartGrid element. The options are reloaded by passing the saved filename in the rdCgLoadSaved parameter. This Saved Chart Grid Folder attribute sets the folder that contains the saved files.
Some elements employ a definition file as a template. The definition contains language and culture specific Caption attributes that you may want to change. Or you may simply want to change the captions to better suit your application. The TemplateModifierFile is an XML file with elements pointing to other elements in the template to be changed. All other attributes get applied in the template. For example, the Dashboard2 element has a template file (rdTemplate\rdDashboard\rdDashboard2Template.lgx) several Label elements. One has an ID="lblAddPanelsTitle". The Caption can be changed with the following XML in the TemplateModifierFile: You can set attributes for any number of elements. Examine the template file to learn the ID and Caption attributes you may want to modify. The above example shows how to identify template elements with an ID attribute. Alternatively, you can also identify elements with an XPath expression. In this example, we change an attribute of the InteractivePaging element: For a more detailed list of modifier actions see the following DevNet article. TemplateModifierFiles can be in any folder accessable to the web application. When a directory location is not specified, the default location is the _SupportFiles folder.
The width of the element.


Click element to drill down for more information.

Column Cell
Division Fieldset Box HTML Tag


Click element to drill down for more information.

Chart Grid Column
Chart Grid Columns Panel
Chart Grid Filter Panel
Chart Grid Popup Zoom
Chart Grid Rows Panel
Chart Grid View Panel
Chart Grid X Axis Panel
Chart Grid Y Axis Panel
DataLayer.Definition List
DataLayer.Fixed Format File
DataLayer.Google App
DataLayer.Google Spreadsheet
DataLayer.Mongo Find
DataLayer.Mongo Map Reduce
DataLayer.Mongo Run Command
DataLayer.Mongo Run Command
DataLayer.Web Feed
DataLayer.Web Scraper
DataLayer.Web Service
Generated Element Plugin Call
Wait Panel

 Back to top