Skip to main content

%ZEN.SVGComponent.speedometer

Class %ZEN.SVGComponent.speedometer Extends meter [ Deprecated, System = 3 ]

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.

Properties​

independentOdometer​

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.

stylized​

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);

thinNeedle​

Property thinNeedle As %ZEN.Datatype.boolean [ InitialExpression = 0 ];

If true, render a thin needle, otherwise use a wider needle.

odometerValue​

Property odometerValue As %ZEN.Datatype.string;

If independentOdometer is true, then this is the value displayed in the odometer.

Property logo As %ZEN.Datatype.caption [ InitialExpression = "Zen" ];

Text for logo displayed in center of dial (for stylized display only).

lowLampColor​

Property lowLampColor As %ZEN.Datatype.color [ InitialExpression = "url(#glow-red)" ];

Fill color used for low indicator lamp.

highLampColor​

Property highLampColor As %ZEN.Datatype.color [ InitialExpression = "url(#glow-red)" ];

Fill color used for high indicator lamp.

lowRangeStyle​

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.

highRangeStyle​

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.

needleStyle​

Property needleStyle As %ZEN.Datatype.style;

Optional. Style applied to needle.

nubStyle​

Property nubStyle As %ZEN.Datatype.style;

Optional. Style applied to nub (circle over center of needle).

outerCircleStyle​

Property outerCircleStyle As %ZEN.Datatype.style;

Optional. Style applied to outer region.

midCircleStyle​

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".

ringStyle​

Property ringStyle As %ZEN.Datatype.style;

Optional. Style applied to mid-region ring (where tick marks appear in non-stylized view).

innerCircleStyle​

Property innerCircleStyle As %ZEN.Datatype.style;

Optional. Style applied to inner region.

separatorStyle​

Property separatorStyle As %ZEN.Datatype.style;

Optional. Style applied to lines between value labels.

valueLabelStyle​

Property valueLabelStyle As %ZEN.Datatype.style;

Optional. Style applied to value labels.

odometerBoxStyle​

Property odometerBoxStyle As %ZEN.Datatype.style;

Optional. Style applied to odometer box.

odometerTextStyle​

Property odometerTextStyle As %ZEN.Datatype.style;

Optional. Style applied to odometer value.

odometerFormat​

Property odometerFormat As %ZEN.Datatype.string;

Numeric format string to apply to the odometer value.

XDatas​

SVGStyle​

XData SVGStyle

SVGDef​

XData SVGDef

Methods​

renderMeter​

ClientMethod renderMeter() [ Language = javascript ]

Render the inner SVG contents of this component.

renderMeterBaroque​

ClientMethod renderMeterBaroque() [ Internal, Language = javascript ]

Render the inner SVG contents of this component using DeepSee style.

renderMeterStylized​

ClientMethod renderMeterStylized() [ Internal, Language = javascript ]

Render the inner SVG contents of using classic Zen style.

renderNeedle​

ClientMethod renderNeedle() [ Internal, Language = javascript ]

Render the needle.

renderOdometer​

ClientMethod renderOdometer() [ Internal, Language = javascript ]

Render the odometer.

updateNeedle​

ClientMethod updateNeedle(animate) [ Language = javascript ]

Internal method: update position of needle

setProperty​

ClientMethod setProperty(property, value, value2) [ Language = javascript ]

Set the value of a named property.

getNumericAbbreviation​

ClientMethod 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