Skip to content

Gauge Skins

Jump to bottom
Gerrit Grunwald edited this page Sep 19, 2017 · 14 revisions

AmpSkin

Default presets when using GaugeBuilder or setSkinType() method

titleColor      = Color.WHITE
ledVisible      = true
backgroundPaint = Color.WHITE
foregroundPaint = Color.BLACK
lcdVisible      = true
shadowsEnabled  = true

AmpSkin

BulletChartSkin

Default presets when using GaugeBuilder or setSkinType() method

barColor       = Color.BLACK
thresholdColor = Color.BLACK

Attention: Keep in mind that you have to add sections to see the colored areas

BulletChartSkin

#DashboardSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals           = 0
barBackgroundColor = Color.LIGHTGRAY
barColor           = Color.rgb(93,190,205)

DashboardSkin

#FlatSkin

Default presets when using GaugeBuilder or setSkinType() method

barColor        = Color.CYAN
backgroundPaint = Color.TRANSPARENT
titleColor      = Gauge.DARK_COLOR
valueColor      = Gauge.DARK_COLOR
unitColor       = Gauge.DARK_COLOR
borderPaint     = Color.rgb(208, 208, 208)
decimals        = 0

FlatSkin

#IndicatorSkin

Default presets when using GaugeBuilder or setSkinType() method

valueVisible         = false
colorGradientEnabled = false
gradientLookupStops  = new Stop(0.0, Color.rgb(34,180,11),
                       new Stop(0.5, Color.rgb(255,146,0),
                       new Stop(1.0, Color.rgb(255,0,39)
tickLabelsVisible    = false
needleColor          = Color.rgb(71,71,71)
barBackgroundColor   = Color.rgb(232,231,223)
barColor             = Color.rgb(255,0,39)
angleRange           = 180

IndicatorSkin

#KpiSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals            = 0
foregroundBaseColor = Color.rgb(126,126,127)
barColor            = Color.rgb(168,204,254)
thresholdVisible    = true
thresholdColor      = Color.rgb(45,86,184)
needleColor         = Color.rgb(74,74,74)
angleRange          = 128

KpiSkin

#ModernSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals             = 0
valueColor           = Color.WHITE
titleColor           = Color.WHITE
subTitleColor        = Color.WHITE
unitColor            = Color.WHITE
barColor             = Color.rgb(0, 214, 215)
needleColor          = Color.WHITE
thresholdColor       = Color.rgb(204, 0, 0)
tickLabelColor       = Color.rgb(151, 151, 151)
tickMarkColor        = Color.BLACK
tickLabelOrientation = TickLabelOrientation.ORTHOGONAL

ModernSkin

#QuarterSkin

Default presets when using GaugeBuilder or setSkinType() method

knobPosition = Pos.BOTTOM_RIGHT
angleRange   = 90

The four different quarters can be set by combining the knobPosition and scaleDirection properties. Allowed values for knobPosition are

  • Pos.BOTTOM_RIGHT (default)
  • Pos.TOP_RIGHT
  • Pos.TOP_LEFT
  • Pos.BOTTOM_LEFT

QuarterSkin

#HSkin

Default presets when using GaugeBuilder or setSkinType() method

knobPosition = Pos.BOTTOM_CENTER
angleRange   = 180

One can change the location of the knob from Pos.BOTTOM_CENTER to POS.TOP_CENTER by using the setKnobPosition() method Allowed values for knobPosition are

  • Pos.BOTTOM_CENTER (default)
  • Pos.TOP_CENTER

HSkin

#VSkin

Default presets when using GaugeBuilder or setSkinType() method

knobPosition = Pos.CENTER_RIGHT
angleRange   = 180

One can change the location of the knob from Pos.CENTER_RIGHT to POS.CENTER_LEFT by using the setKnobPosition() method Allowed values for knobPosition are

  • Pos.CENTER_RIGHT (default)
  • Pos.CENTER_LEFT

VSkin

#SimpleSkin

Default presets when using GaugeBuilder or setSkinType() method

borderPaint        = Color.WHITE
backgroundPaint    = Color.DARKGRAY
decimals           = 0
sectionTextVisible = true
needleColor        = Color.web("#5a615f")
needleBorderColor  = Color.WHITE
valueColor         = Color.WHITE
titleColor         = Color.WHITE
tickLabelColor     = Color.WHITE

Attention: Keep in mind that you have to add sections to see the colored areas SimpleSkin

#SlimSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals           = 2
barBackgroundColor = Color.rgb(62, 67, 73)
barColor           = Color.rgb(93,190,205)
titleColor         = Color.rgb(142,147,151)
valueColor         = Color.rgb(228,231,238)
unitColor          = Color.rgb(142,147,151)

SlimSkin

#SpaceXSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals           = 0
thresholdColor     = Color.rgb(180, 0, 0)
barBackgroundColor = Color.rgb(169, 169, 169, 0.25)
barColor           = Color.rgb(169, 169, 169)
backgroundPaint    = Color.rgb(169, 169, 169, 0.3)
titleColor         = Color.WHITE
valueColor         = Color.WHITE
unitColor          = Color.WHITE

SpaceXSkin

#LcdSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals                = 1
tickLabelDecimals       = 1
minMeasuredValueVisible = true
maxMeasuredValueVisible = true

LcdSkin

#TinySkin

Default presets when using GaugeBuilder or setSkinType() method

backgroundPaint       = Color.rgb(216, 216, 216)
borderPaint           = Color.rgb(76, 76, 76)
barBackgroundColor    = Color.rgb(76, 76, 76, 0.2)
needleColor           = Color.rgb(76, 76, 76)
sectionsVisible       = true
majorTickMarksVisible = true
majorTickMarkColor    = Color.WHITE

TinySkin

#BatterySkin

Default presets when using GaugeBuilder or setSkinType() method

barBackgroundColor = Color.BLACK
barColor           = Color.BLACK
valueColor         = Color.WHITE
orientation        = Orientation.HORIZONTAL

BatterySkin

#LevelSkin

Default presets when using GaugeBuilder or setSkinType() method

barColor   = Color.CYAN
valueColor = Color.WHITE

LevelSkin

#LinearSkin

Default presets when using GaugeBuilder or setSkinType() method

barColor   = Gauge.DARK_COLOR

LinearSkin

#DigitalSkin

Default presets when using GaugeBuilder or setSkinType() method

barColor   = Gauge.DARK_COLOR

DigitalSkin

#SimpleDigitalSkin

Default presets when using GaugeBuilder or setSkinType() method

barColor   = Gauge.DARK_COLOR

SimpleDigitalSkin

#SectionSkin

Default presets when using GaugeBuilder or setSkinType() method

backgroundPaint    = Gauge.DARK_COLOR
autoScale          = false
valueVisible       = false
knobColor          = Color.rgb(82,82,84)
sectionsVisible    = true
sectionTextVisible = true

SectionSkin

#BarSkin

Default presets when using GaugeBuilder or setSkinType() method

animated           = true
animationDuration  = 1000
gradientBarEnabled = true

BarSkin

#WhiteSkin

Default presets when using GaugeBuilder or setSkinType() method

animated           = true
animationDuration  = 1000
barColor           = Color.WHITE
valueColor         = Color.WHITE
unitColor          = Color.WHITE

WhiteSkin

#ChargeSkin

Default presets when using GaugeBuilder or setSkinType() method

animated           = true
minValue           = 0.0
maxValue           = 1.0

ChargeSkin

#SimpleSectionSkin

Default presets when using GaugeBuilder or setSkinType() method

animated           = true
startAngle         = 150
angleRange         = 300
sectionsVisible    = true
barBackgroundColor = Color.rgb(150, 150, 150, 0.25)
barColor           = Color.rgb(69, 106, 207)
titleColor         = Color.rgb(90, 90, 90)
unitColor          = Color.rgb(90, 90, 90)
valueColor         = Color.rgb(90, 90, 90)

SimpleSectionSkin

#TileKpiSkin

Default presets when using GaugeBuilder or setSkinType() method

knobPosition        = Pos.BOTTOM_CENTER
decimals            = 0
backgroundPaint     = Color.rgb(42, 42, 42)
foregroundBaseColor = Color.rgb(238, 238, 238)
barColor            = Color.rgb(238, 238, 238)
valueColor          = Color.rgb(238, 238, 238)
thresholdVisible    = false
thresholdColor      = Color.rgb(41, 177, 255)
needleColor         = Color.rgb(238, 238, 238)
angleRange          = 180

TileKpiSkin

#TileTextKpiSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals            = 0
backgroundPaint     = Color.rgb(42, 42, 42)
foregroundBaseColor = Color.rgb(238, 238, 238)
barColor            = Color.rgb(41, 177, 255)
valueColor          = Color.rgb(238, 238, 238)
unitColor           = Color.rgb(238, 238, 238)
thresholdVisible    = false
thresholdColor      = Color.rgb(139, 144, 146)

TileTextKpiSkin

#TileSparklineSkin

Default presets when using GaugeBuilder or setSkinType() method

decimals            = 0
backgroundPaint     = Color.rgb(42, 42, 42)
foregroundBaseColor = Color.rgb(238, 238, 238)
barColor            = Color.rgb(41,177,255)
valueColor          = Color.rgb(238, 238, 238)
unitColor           = Color.rgb(238, 238, 238)
averagingEnabled    = true
averagingPeriod     = 10
averageColor        = Color.rgb(238, 238, 238, 0.5)
animated            = false

TileSparklineSkin

Clone this wiki locally