Element Details: Animated+Gauge.Needle
 Back


Available in: Logi Info Source code name: AnimatedGauge.Needle

Displays an animated needle gauge image. For example, a speedometer is a needle gauge. Upper and lower values define the bounds of the gauge, and a value indicates where the needle points. Needle gauges may have labels, tick marks, and different colored rings.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
Animation
True
False
This is used to turn animation off in animated charts. They are set to be animated by default.
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.
ChartHeight
UserDefined
(Required) The height of the chart image, in pixels.
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%".
GaugeOriginX
UserDefined
The center of a needle gauge need not be the center of gauge image. It can even be moved beyond the endge of the image. (In such a case, you might specify a relatively small Total Angle, so that the scale is not chopped out.) Gauge Origin X specfies where the center of the gauge starts on the chart. Use Positive numbers starting from the left most point to push right. Set to half the width of the chart to center align.
GaugeOriginY
UserDefined
The center of a needle gauge need not be the center of gauge image. It can even be moved beyond the endge of the image. (In such a case, you might specify a relatively small Total Angle, so that the scale is not chopped out.) Gauge Origin Y specfies how far up or down to push the center. Use Positive starting from the bottom to push up. Set to half the height of the chart to center align.
ID
UserDefined
(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.
LowerBound
UserDefined
(Required) The lower, or bottom value of the scale.
MajorTickColor
UserDefined
The color of the major tick marks. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
MinorTickFrequency
UserDefined
Minor tick marks are smaller, and do not have numbered labels. The frequency indicates the number of minor tick marks between each major tick mark.
NeedleColor
UserDefined
The color of the needle. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
NeedleRadius
UserDefined
The radius of the angular gauge's needle, in pixels.
NeedleThickness
UserDefined
The thickness of the needle, in pixels.
OuterRingStyle
None
Lens
Circular
Bevel
The desired Style of the Outer Ring. Choose from a set of predefined styles. These can be used to add distinctive styles to the gauge. Set to none, if not predefined style is needed. Circular - To have a distinct circular look to the outer ring. Bevel - To make the outer ring have a beveled edge effect (not perpendicular but 45 degrees to the face). Lens - To make the outer ring have a concave lens style effect.
RingThickness
UserDefined
The thickness of the gauge ring, in pixels. You can create a "ring" that fills the background and looks more like a wedge by making this value very large.
StartAngle
UserDefined
(Required) The starting angle, in degrees, for the angular/needle gauge scale. Imagining the gauge as a compass, 0 degrees is at East, 90 is South, 180 is West, and 270 north.
TickColor
UserDefined
The color of the tick marks. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
TickCount
UserDefined
The number of major tick marks for the scale. For example, a gauge with a scale that runs from 0 to 100 should specify 10 tick marks. (The first tick mark, usually 0, is assumed - so there are actually 11 tick marks for a scale from 0 to 100.) Set TickCount="0" for no tick marks. For the InputSlider element, this attribute controls the detents, or stop points, as the thumb is dragged. Visible tick marks must be built into the image when the image is designed. The InputSlider does not automatically create visible tick marks.
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.
TickLabelFontName
UserDefined
A font name for the tick mark labels.
TickLabelFontSize
UserDefined
The font size, in points.
TickLabelRadius
UserDefined
The radius of the gauge tick mark labels, in pixels.
TickLength
UserDefined
The length of the tick marks, in pixels.
TickRadius
UserDefined
(Required) The radius of the gauge tick marks, in pixels.
TickThickness
UserDefined
The thickness of the tick marks, in pixels.
TotalAngle
UserDefined
(Required) The total arc of the angular/needle gauge, in degress. For example, to specify a gauge that sweeps half a circle, specify 180.
UpperBound
UserDefined
(Required) The upper, or top value of the scale.
Value
UserDefined
(Required) A value for the element.



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
Animated Gauge Label
Animated Gauge Ring
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.Web Scraper
DataLayer.Web Service
DataLayer.XML
Format Data


 Back to top


 Chart Debug