Element Details: Animated+Chart.XY
 Back


Available in: Logi Info Source code name: AnimatedChart.XY

Creates a grid-type animated chart, such as a line chart, area chart, or bar chart.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
AlternatingBackgroundColor
True
False
Set to false to have a single background color for the plot area of the chart. Default value is True.
Animation
True
False
This is used to turn animation off in animated charts. They are set to be animated by default.
AreaGradientColor
UserDefined
Sets the gradient color for the Area charts. This is the end Color for gradient effect. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. e.g. If you want a gradient effect of green to light green, set the area color to green and the area gradient color to light green. Animated Charts have a default white gradient. For a single series chart, you can set this to a color which will be applied as the gradient. For multi series, white is the only gradient option. For no gradient on a multi-series chart, set this to any value.
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.
BarStyle
RoundedEdge
Flat
Use this to set the bar style in an animated bar chart.
CanvasBgColor
UserDefined
Sets the background color of the chart plot area. You may specify "Transparent". Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
ChartDataColumn
UserDefined
(Required) Set this to a column returned from the DataLayer. It represents the data value for each item charted. These are listed across the y-axis.
ChartHeight
UserDefined
(Required) The height of the chart image, in pixels.
ChartLabelColumn
UserDefined
Set this to a column returned from the DataLayer. It represents the name of each item, or data value, charted. For charts with x and y axes, these are listed across the x-axis.
ChartOrientation
Vertical
Horizontal
Allows swapping of the X and Y coordinates. The default value is Vertical, meaning data points are plotted on the Y-axis and labels are listed across the X-axis.
ChartSymbolEdgeColor
UserDefined
The color of the outside edge of the symbols. For Area charts, this is the color of the outside edge of the area chart layer, while for bar charts it is the edge color of each bar in the layer. Animated Bar Charts with Bar Style = Rounded Edge will ignore this attribute. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
ChartTitle
UserDefined
The title of the chart. It appears at the top of the chart image. You can use CDML tags directly in the chart title string to specify different font colors, size etc. Expected tag format is <*font=fontname,color=hexcolorname,size=fontsize*> or simply <*color=hexcolorname*> for just changing the color of the text after the tag. e.g. <*font=Verdana,color=000000,size=12*>Text Part 1 <*color=999999*> Text Part 2 or <*color=000000*>Text Part 1<*color=999999*>Text Part 2<*color=4c4c4c*>Text Part 3.
ChartWidth
UserDefined
(Required) The width of the chart, usually in pixels. For ChartCanvas charts, the value may be a percentage, by specifying the value like "50%".
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.
D3
True
False
Indicates if the chart, or chart layer, is displayed in a 3-dimensional format. Set the value to False or 0 for a flat appearance. For animated charts, the value can be True or False. For other elements, the value is in pixels, so the larger the value, the thicker the 3-D effect.
D3Effects
True
False
When this attribute is True, the Animated gauge/pie chart will get a light shadow around which will give it a 3-D effect. For animated bar charts, it will remove the background gradient. This attribute only applies to 2-Dimensional animated pie charts and 3-Dimensional animated bar charts.
ExtraBarOptions
Stacked
SideBySide
Set Extra Bar Options to "Side By Side" to display the extra bars side-by-side. Otherwise, they are stacked. You can set Extra Bar Options in the Chart element, or the Extra Data Column element(s). When set for the Chart, the value becomes the default in the Extra Data Columns.
GridLineColor
UserDefined
Sets the color of a chart's grid lines. The default value is grey. 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.
LegendLabel
UserDefined
Indicates text that will be shown for this layer inside the chart legend.
LineDashLength
UserDefined
The Length of the dashLines between gaps
LineStyle
SolidLine
DashLine
The style of the chart's line. This is used to change the pattern on the line. It can be set to dots, dashes or a combination of the two.
LineWidth
UserDefined
The width of the line, in pixels.
MaxLabelLength
UserDefined
The maximum number of characters that will be displayed for a label before the text is trimmed and the remainder replaced with an ellipsis (...).
RotateNames
True
False
True/False. The x-axis label names are rotated by default to avoid cluttering and to make sure the names are legible. Set this to False if the labels dont need to be rotated.
SecurityRightID
UserDefined
When entered, access to this element can be controlled with Logi security. Supply the ID of a right defined in the applications settings’ Security element. Only users that have a right in the SecurityRightID will be able to see the element. Note that when rights come from RightFromRole elements under Security/UserRights, and this element's SecurityRightID does NOT match any of the Right IDs defined in the Settings definition, then the user DOES have access. But when Right IDs are instead derived from RightsFromDataLayer or RightsFromRoles elements, and the user DOES NOT have a matching Right, then the user DOES NOT have access. You can enter multiple right IDs, separated by commas. In this case, the user sees the element if he has any one of the Rights.
ShowDataValues
True
False
Indicates if the values of each data point should be shown on the chart. For TrendLines, displays the line's slope value.
ShowNames
UserDefined
0/1. Set this to 1 if you want the x-axis names to be displayed alongside the values. For Pie Charts, the default value is 1.
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.
Transparency
UserDefined
7
15
0
Indicates a level of transparency of the element. The lowest value of 0 indicates that the element is opaque, with no transparency. The other end of the scale, 15, indicates a completely transparent element. Use medium-level transparency to allow different chart layers to show through each other.
XAxisTitle
UserDefined
The title text that will appear along the chart's data axis.
XYChartType
Line
Bar
Area
(Required) The type of grid chart; bar, line, splined line, or area.
YAxisTitle
UserDefined
The title text that will appear along the chart's label axis.



PARENT ELEMENTS

Click element to drill down for more information.



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 Word Or Excel
Action.Export XML
Action.Javascript
Action.Link
Action.Map Location
Action.Process
Action.Refresh Element
Action.Report
Action.Show Element
Action.Template
Action.Widget
Chart Title Font
Data Font
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
Extra Data Column
Format Data
Label Font
Legend Font
Real Time Update
Resizer
Tooltip Font


 Back to top


 Chart Debug