heatmap
Name | Default |
--warp-view-chart-label-color | #8e8e8e |
--warp-view-chart-grid-color | #8e8e8e |
Name | Type | Description |
data | GTS , GTS[] , custom data | Data to display |
globalParams | Option | Global options (see above) concerning this tile |
params | Option[] | List of options (see above) concerning each displayed dataset depending of the index of this array |
events | Events[] | 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 }