Loading

heatmap

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)

Custom data

{
  "title": "Test",
  "columns":  [ "A", "B", "C", "D" ],
  "rows": [
    [ "label X", 15, 56, 44, 22 ],
    [ "label Y", 1, 5, 4, 2 ],
    [ "label Z", 14, 45, 78, 12 ]
  ]
}

Samples

Simple heatmap

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="heatmap">
NOW 'now' STORE
  1 40 <% 
    'i' STORE NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE
    1 100 <% 
        'ts' STORE
        $g $ts STU * $now + NaN NaN NaN RAND 100.0 * ADDVALUE DROP 
    %> FOR
    $g SORT
  %> FOR
</discovery-tile>
</div>
NOW 'now' STORE 1 40 <% 'i' STORE NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE 1 100 <% 'ts' STORE $g $ts STU * $now + NaN NaN NaN RAND 100.0 * ADDVALUE DROP %> FOR $g SORT %> FOR

Custom data

<div style="height: 250px">
<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="heatmap">
{
  'columns'  [ 'A' 'B' 'C' 'D' ]
  'rows' [
    [ 'label X' 15 56 44 22 ]
    [ 'label Y' 1 5 4 2 ]
    [ 'label Z' 14 45 78 12 ]
  ]
} 'values' STORE
{ 'data' $values }
</discovery-tile>
</div>
{ 'columns' [ 'A' 'B' 'C' 'D' ] 'rows' [ [ 'label X' 15 56 44 22 ] [ 'label Y' 1 5 4 2 ] [ 'label Z' 14 45 78 12 ] ] } 'values' STORE { 'data' $values }