Element Details: Animated+Map
 Back


Available in: Logi Info Source code name: AnimatedMapIntroduced in: v9.0.30

AnimatedMaps are animated, interactive and data-driven maps.

The RegionNameColumn should be to the name/id of a region inside a map. For example, a value of VA would specify the region/state Virginia inside a US map or a value of 038 would specify the region/country Spain in a Europe map.

In order to help map region names in the source data with the id codes in the maps, there are XML files for each map that cross reference place names to the IDs. These are located in the rdTemplate/FusionMap folder. For example, Europe.xml has nodes for each country. The node for Spain has the internalID (038), ShortName (ES) and LongName (Spain)). The developer can add a Join element under the DataLayer joining the value returned from the tables in his DB, thus populating the data the map’s region IDs.

If the region names in an XML file don’t match the values from your data source, you can copy the XML file into _SupportFiles and customize it with your own values.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
BackgroundColor
UserDefined
Transparent
Sets the background color of the element. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
BorderColor
UserDefined
Transparent
Sets the color of border lines. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
Color
UserDefined
Sets the element's color. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. For bar charts, each bar can be a different color by entering multiple colors, each separated by a comma. When using a Crosstab Filter under the Chart's DataLayer, use comma-separated colors and a Legend element so each crosstab set can be identified.
FontColor
UserDefined
Sets the text color. Select a color name, or an RGB value.
FontFilename
UserDefined
The name of font. The font name may be followed by "bold" and/or "italic". This example specifies the font "Courier New" with bold and italic: Courier New Bold Italic For charts and heatmaps, the default font is Arial when this attribute is blank or the font is not found on the system. In previous versions, this attribute represented the filename of a font that is installed on the server. Font files are located in the Fonts folder, usually c:\windows\fonts. Font filenames may still be used, but font names are recommended.
FontSize
UserDefined
Specifies the size of the text.
Height
UserDefined
(Required) The height of the element. For some elements, leave the height blank to automatically size the element to the height of the content.
HoverColor
UserDefined
Use this to set the region's color when the mouse pointer is hovered over it. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
ID
UserDefined
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.
IncludeValueInLabels
1
0
Set this to 1, to display data values in the labels for Animated Maps.
MapType
UserDefined
(Required) The kind of base map to be rendered; e.g. World, USA, China, USARegion etc. To get specific Map names, refer to the .js files in the {application folder}\rdTemplate\rdFusionMap directory. If you want to render the Arizona map, you are looking for the *_Arizona.js file, so just enter the name of the region - "Arizona" in this case.
OuterBorderColor
UserDefined
Transparent
Use this attribute to set the Outer Border Color of the chart canvas. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
RegionNameColumn
UserDefined
(Required) Set this to a column returned from the DataLayer. It represents the name for each region mapped on the Animated map.
RegionValueColumn
UserDefined
(Required) Set this to a column returned from the DataLayer. It represents the value for each region mapped on the Animated map.
ShowLabels
True
False
True/False. Set this to False if you do not want the labels to be displayed. The labels are set to be displayed by default.
TooltipColumn
UserDefined
For a value different than the default tooltip value, set this to a column returned from the DataLayer. It represents the tooltip value for each item.
Width
UserDefined
(Required) The width of the element.



PARENT ELEMENTS

Click element to drill down for more information.

Body
Column Cell
Division
Fieldset Box
HTML Tag Panel Content


CHILD ELEMENTS

Click element to drill down for more information.

Action.Exit
Action.Export CSV
Action.Export Native Excel
Action.Export Native Word
Action.Export PDF
Action.Export XML
Action.Javascript
Action.Link
Action.Map Location
Action.Process
Action.Refresh Element
Action.Report
Action.Show Element
Action.Template
Animated Map Color Spectrum Legend
DataLayer.Cached
DataLayer.CSV
DataLayer.Definition List
DataLayer.Directory
DataLayer.Excel
DataLayer.Fixed Format File
DataLayer.Google App
DataLayer.Google Spreadsheet
DataLayer.JSON
DataLayer.LDAP
DataLayer.Linked
DataLayer.Mongo Find
DataLayer.Mongo Map Reduce
DataLayer.Mongo Run Command
DataLayer.Plugin
DataLayer.REST
DataLayer.SP
DataLayer.SQL
DataLayer.Static
DataLayer.Twitter
DataLayer.Web Feed
DataLayer.Web Scraper
DataLayer.Web Service
DataLayer.XML
Map Color Range
Resizer


 Back to top


 Chart Debug