class %ZEN.SVGComponent.speedometer
extends meter
SVG speedometer meter.
This displays a value within a representation of a speedometer.
Note: to get the older look of this component, set the stylized true.
• property highLampColor
as %ZEN.Datatype.color [ InitialExpression = "url(#glow-red)" ];
Fill color used for high indicator lamp.
• property highRangeStyle
as %ZEN.Datatype.style;
Optional. Style applied to scale ring values above the low threshold value.
This only applies to non-stylized views.
• property independentOdometer
as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, the odometer will show an independent value;
if false, the odometer will show the same value as the needle.
• property innerCircleStyle
as %ZEN.Datatype.style;
Optional. Style applied to inner region.
• property logo
as %ZEN.Datatype.caption [ InitialExpression = "Zen" ];
Text for logo displayed in center of dial (for stylized display only).
• property lowLampColor
as %ZEN.Datatype.color [ InitialExpression = "url(#glow-red)" ];
Fill color used for low indicator lamp.
• property lowRangeStyle
as %ZEN.Datatype.style;
Optional. Style applied to scale ring values below the low threshold value.
This only applies to non-stylized views.
• property midCircleStyle
as %ZEN.Datatype.style;
Optional. Style applied to mid-region circle (where tick marks appear in non-stylized view).
This is beneath the "ring".
• property needleStyle
as %ZEN.Datatype.style;
Optional. Style applied to needle.
• property nubStyle
as %ZEN.Datatype.style;
Optional. Style applied to nub (circle over center of needle).
• property odometerBoxStyle
as %ZEN.Datatype.style;
Optional. Style applied to odometer box.
• property odometerFormat
as %ZEN.Datatype.string;
Numeric format string to apply to the odometer value.
• property odometerTextStyle
as %ZEN.Datatype.style;
Optional. Style applied to odometer value.
• property odometerValue
as %ZEN.Datatype.string;
If independentOdometer is true,
then this is the value displayed in the odometer.
• property outerCircleStyle
as %ZEN.Datatype.style;
Optional. Style applied to outer region.
• property ringStyle
as %ZEN.Datatype.style;
Optional. Style applied to mid-region ring (where tick marks appear in non-stylized view).
• property separatorStyle
as %ZEN.Datatype.style;
Optional. Style applied to lines between value labels.
• property stylized
as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, render a stylized speedometer (the classic Zen visualization);
if false, render a more baroque speedometer (the classic DeepSee visualization);
• property thinNeedle
as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, render a thin needle, otherwise
use a wider needle.
• property valueLabelStyle
as %ZEN.Datatype.style;
Optional. Style applied to value labels.
• method getNumericAbbreviation(val, min, max)
[ Language = javascript ]
Return a numeric abbreviation for a value.
min and max are range that value falls within.
E.g., 10K for 10000
• method renderMeter()
[ Language = javascript ]
Render the inner SVG contents of this component.
• method setProperty(property, value, value2)
[ Language = javascript ]
Set the value of a named property.
• method updateNeedle(animate)
[ Language = javascript ]
Internal method: update position of needle
