Skip to main content

%ZEN.SVGComponent.fuelGauge

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

SVG fuel gauge meter. This displays a value within a representation of a fuel gauge.

Properties​

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

Text for logo displayed in center of dial.

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.

outerBodyStyle​

Property outerBodyStyle As %ZEN.Datatype.style;

Optional. Style applied to outer region.

panelStyle​

Property panelStyle As %ZEN.Datatype.style;

Optional. Style applied to bottom panel.

needleStyle​

Property needleStyle As %ZEN.Datatype.style;

Optional. Style applied to needle.

levelBoxStyle​

Property levelBoxStyle As %ZEN.Datatype.style;

Optional. Style applied to level box.

levelTextStyle​

Property levelTextStyle As %ZEN.Datatype.style;

Optional. Style applied to text in level box.

logoStyle​

Property logoStyle As %ZEN.Datatype.style;

Optional. Style applied to logo.

format​

Property format As %ZEN.Datatype.string;

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

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.