Element Details: Gauge.Arc
 Back


Available in: Logi Info Source code name: Gauge.ArcIntroduced in: 12.0.036

Displays an arc gauge image.

Arc gauges are simple, clean visualizations which show a beginning and ending values, with an arched color bar between. The data value number is shown within the arc.

The gauge may have multiple ranges in different colors. The color of the arc is determined by which range contains the value.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
AnimationDuration
UserDefined
Sets the duration of chart animations, in milliseconds. To disable animation, enter a 0 value.
ArcBackgroundColor
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.
ArcBorderColor
UserDefined
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.
ArcBorderThickness
UserDefined
The thickness of the border in pixels.
ArcColor
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.
ArcInnerRadius
UserDefined
The ArcInnerRadius defines the size of the hollow area below the arc. To set the radius in pixels, provide a numeric value. To the radius with a percentage value, add % to a value between 0-100. The default is 65%.
BackgroundColor
UserDefined
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.
Caption
UserDefined
The Caption attribute identifies the text to be displayed. For Image elements, Caption specifies the image filename.
ChartHeight
UserDefined
The height of the chart image, in pixels.
ChartWidth
UserDefined
The width of the chart, usually in pixels. For ChartCanvas charts, the value may be a percentage, by specifying the value like "50%".
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.
LabelColor
UserDefined
The label color. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
LabelFontBold
True
False
The bold font.
LabelFontFamily
UserDefined
Specifies the names of one or more fonts. When multiple fonts are specified, with commas between each, the browser uses the first recognized font.
LabelFontSize
UserDefined
Specifies the size of the text.
LabelFormat
UserDefined
Allows a string to be formatted in various ways, especially for numeric and date values. Specifies formatting characteristics for the data. This attribute has been borrowed from the Microsoft Visual Basic Format function. For more information: http://msdn.microsoft.com/en-us/library/59bz1f0h(VS.71).aspx For dates, the non-specific formats, such as "General Date", "Short Time", etc., are converted according to the browser's international setttings. Also, for very large reports, the non-specific formats perform better. There are also some special formats. "<" and ">" change strings to lower and upper case. "Expanded Spaces" preserves space characters that would otherwise be collapsed by the web browser. "HTML" preserves HTML tags so that they are not encoded - they are embedded rather than shown. "Preserve Line Feeds" preserves line feed and cariage return characters so that the following characters appear on a new line. "mp" formats numbers with the "metric prefix". To format 1,234,567 as "$1.23M", use Format "$#.00mp". Supported metric prefixes are from 1000^6 to 1000^-6 For more information: http://en.wikipedia.org/wiki/Metric_prefix "mpsx" formats the value with x number of significant figures in addition to the metric prefix. So a value of 123456, with format set to mps3 will return 123k. "qq" returns the number of the quarter when the value being formatted represents a date. To return the year and quarter together like "2010 Q1", set the format to "yyyy Qqq".
NoDebuggerLink
True
False
When True, the chart will not show a Debugger Trace link icon even when application debugging is enabled. This is helpful when page-level debug icons are desirable during development, but for charts the icons interfere with layout.
PlotBackgroundColor
UserDefined
Sets the color of the chart plot area (the chart “background”). Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, e.g. #D5F484
StartValue
UserDefined
The starting value for the gauge bar.
TickLabelColor
UserDefined
The color of the tick mark labels. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
TickLabelFontBold
True
False
The bold font.
TickLabelFontName
UserDefined
A font name for the tick mark labels.
TickLabelFontSize
UserDefined
The font size, in points.
TickLabelFormat
UserDefined
Allows a string to be formatted in various ways, especially for numeric and date values. This attribute has been borrowed from the Microsoft Visual Basic Format function. For more information: http://msdn.microsoft.com/en-us/library/59bz1f0h(VS.71).aspx For dates, the non-specific formats, such as "General Date", "Short Time", etc., are converted according to the browser's international setttings. Also, for very large reports, the non-specific formats perform better. There are also some special formats. "<" and ">" change strings to lower and upper case. "Expanded Spaces" preserves space characters that would otherwise be collapsed by the web browser. "HTML" preserves HTML tags so that they are not encoded - they are embedded rather than shown. "Preserve Line Feeds" preserves line feed and cariage return characters so that the following characters appear on a new line. "mp" formats numbers with the "metric prefix". To format 1,234,567 as "$1.23M", use Format "$#.00mp". Supported metric prefixes are from 1000^6 to 1000^-6 For more information: http://en.wikipedia.org/wiki/Metric_prefix "mpsx" formats the value with x number of significant figures in addition to the metric prefix. So a value of 123456, with format set to mps3 will return 123k. "qq" returns the number of the quarter when the value being formatted represents a date. To return the year and quarter together like "2010 Q1", set the format to "yyyy Qqq".
Tooltip
UserDefined
Text that appears when the user hovers the pointer over the image or text.
Value
UserDefined
(Required) A value for the element.



PARENT ELEMENTS

Click element to drill down for more information.

Body
Column Cell
Crosstab Table Header Column
Crosstab Table Label Column
Crosstab Table Summary Column
Crosstab Table Value Columns
Data Calendar Rows
Data Multi-Column List
Data Table Column
Data Tree Branch
Division
Fieldset Box
HTML Tag
Map Marker Info
More Info Row
More Info Row Column
Panel Content
Popup Panel
Rectangle
Report Footer
Report Header
Responsive Column
Tab Panel
Tooltip Panel


CHILD ELEMENTS

Click element to drill down for more information.

Action.Dial Phone
Action.Draft Email
Action.Draft Text Message
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.Google Spreadsheet
Action.Javascript
Action.Link
Action.Map Location
Action.Popup Menu
Action.Process
Action.Refresh Element
Action.Report
Action.Template
Action.Widget
Caption Style
Chart Export
DataLayer.Cached
DataLayer.CSV
DataLayer.Definition List
DataLayer.Directory
DataLayer.Excel
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.XML
Gauge Range
Quicktip
Refresh Series Timer
Resizer


 Back to top


 Chart Debug