Skip to main content
Mapagam

Configuring Stat Panels

1. Setting Value Options

Option Values Description
value current, min, max, avg, total Which value to display in the panel
displayMode basic, lcd, gradient How to display the value

Example: Display Current Value

{
  "value": "current",
  "displayMode": "lcd"
}

2. Configuring Color Mode

Option Values Description
colorMode none, value, background How to apply color to the value
thresholds Array of threshold objects Color thresholds for value-based coloring

Example: Value-Based Coloring

{
  "colorMode": "value",
  "thresholds": [
    {
      "value": 0,
      "color": "green"
    },
    {
      "value": 50,
      "color": "yellow"
    }
  ]
}

3. Setting Thresholds

Threshold Color Description
value 0 Threshold value to trigger color change
color red Color to apply when value exceeds threshold

Example: Threshold Configuration

[
  {
    "value": 0,
    "color": "red"
  },
  {
    "value": 50,
    "color": "yellow"
  }
]

4. Using Value Mappings

Type Mapping Description
type value, range Mapping type to apply
options Object with value and text Value to text mapping configuration

Example: Value Mapping

{
  "type": "value",
  "options": {
    "0": {
      "text": "Offline"
    },
    "1": {
      "text": "Online"
    }
  }
}

5. Configuring Unit Format

Unit Format Description
unit short, bytes, percent Unit type to display
decimals 0, 2 Number of decimal places to show

Example: Unit Configuration

{
  "unit": "percent",
  "decimals": 2
}

6. Setting Decimal Precision

Property Value Description
decimals 0, 2, 5 Number of decimal places to display
min 0.1 Minimum value to show

Example: Decimal Precision

{
  "decimals": 2,
  "min": 0.1
}

7. Using Graph Mode

Mode Values Description
graphMode none, area, line Graph visualization mode
fillOpacity 0.5 Opacity of graph fill area

Example: Graph Mode Configuration

{
  "graphMode": "area",
  "fillOpacity": 0.5
}

8. Setting Text Mode

Mode Values Description
textMode auto, value, name Text to display in panel
textSize small, medium, large Size of the displayed text

Example: Text Mode Configuration

{
  "textMode": "value",
  "textSize": "medium"
}

9. Configuring Text Size

Property Value Description
textSize small, medium, large Size of the displayed text
textColor #ffffff Color of the displayed text

Example: Text Size Configuration

{
  "textSize": "large",
  "textColor": "#ffffff"
}

10. Using Color by Field

Field Color Description
colorByField field1, field2 Field to use for color assignment
colorPalette default, custom Color palette to apply

Example: Color by Field Configuration

{
  "colorByField": "field1",
  "colorPalette": "custom"
}

Was this article helpful?

Related Cheat Sheets