Loading

gauge, circle, linear-gauge

gauge, circle

NameDefault
--warp-view-chart-label-color#8e8e8e
--warp-view-chart-grid-color#8e8e8e
NameTypeDescription
dataGTS, GTS[], custom dataData to display
globalParamsOptionGlobal options (see above) concerning this tile
paramsOption[]List of options (see above) concerning each displayed dataset depending of the index of this array
eventsEvents[]List of events to emit (see below)

Params

NameTypeDescription
maxValuenumberMax value for gauge

Samples

Simple gauge

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="gauge" unit="°C">
    { 'data' 42 'params' [ { 'maxValue' 100 } ] }
</discovery-tile>
</div>
{ 'data' 42 'params' [ { 'maxValue' 100 } ] }

Custom data format

<div style="height: 500px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="gauge">
    0 3 <% 'j' STORE
    NEWGTS 'serie' $j TOSTRING + RENAME NOW NaN NaN NaN RAND ADDVALUE
    %> FOR 4 ->LIST <%
    'gts' STORE
    {
    'key' $gts NAME
    'value' $gts VALUES 0 GET
    }
    %> F LMAP
    'data' STORE
    { 'data' $data 'params' [ { 'maxValue' 5 } { 'maxValue' 2 } { 'maxValue' 1 } ] }
</discovery-tile>
</div>
0 3 <% 'j' STORE NEWGTS 'serie' $j TOSTRING + RENAME NOW NaN NaN NaN RAND ADDVALUE %> FOR 4 ->LIST <% 'gts' STORE { 'key' $gts NAME 'value' $gts VALUES 0 GET } %> F LMAP 'data' STORE { 'data' $data 'params' [ { 'maxValue' 5 } { 'maxValue' 2 } { 'maxValue' 1 } ] }

Circular gauge

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="circle" unit="°C">
    { 'data' 42 'params' [ { 'maxValue' 100 } ] }
</discovery-tile>
</div>
{ 'data' 42 'params' [ { 'maxValue' 100 } ] }

Circular gauge with auto-refresh and changing color

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="circle" unit="°C"
                options='{ "autoRefresh": 5 }'
>
  RAND 100 * ROUND 'v' STORE
  {
    'data' $v
    'params' [
      {
        'maxValue' 100
        'datasetColor'
        <% $v 33 < %> <% '#77BE69' %>
        <% $v 66 < %> <% '#FF9830' %>
        <% '#F24865' %> 2 SWITCH
      }
    ]
  }
</discovery-tile>
</div>
RAND 100 * ROUND 'v' STORE { 'data' $v 'params' [ { 'maxValue' 100 'datasetColor' <% $v 33 < %> <% '#77BE69' %> <% $v 66 < %> <% '#FF9830' %> <% '#F24865' %> 2 SWITCH } ] }

linear-gauge

NameDefault
--warp-view-chart-label-color#8e8e8e
--warp-view-chart-grid-color#8e8e8e
NameTypeDescription
dataGTS, GTS[], custom dataData to display
globalParamsOptionGlobal options (see above) concerning this tile
paramsOption[]List of options (see above) concerning each displayed dataset depending of the index of this array
eventsEvents[]List of events to emit (see below)

Options

NameTypeDescription
gauge.horizontalbooleanGauge orientation

Params

NameTypeDescription
maxValuenumberMax value for gauge

Samples

Simple linear gauge

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="linear-gauge" unit="°C">
    { 'data' 42 'params' [ { 'maxValue' 100 } ] }
</discovery-tile>
</div>
{ 'data' 42 'params' [ { 'maxValue' 100 } ] }

Horizontal linear gauge

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="linear-gauge" unit="°C">
    { 'data' 42 'params' [ { 'maxValue' 100 } ] 'globalParams' { 'gauge' { 'horizontal' true } } }
</discovery-tile>
</div>
{ 'data' 42 'params' [ { 'maxValue' 100 } ] 'globalParams' { 'gauge' { 'horizontal' true } } }