boxplot

<discovery-tile url="https://sandbox.senx.io/api/v0/exec" type="boxplot">
  ...
</discovery-tile>
{
  'type' 'bar'
  ...
  'macro' <% %>
}
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)

Supported option per series are:

  • datasetColor: Hex CSS color of the series. ie: '#fff00f'
  • key: Name the series
  • box
    • horizontal: Box plot chart orientation

Custom data

{
  'title' 'Test'
  'globalParams' { }
  'data' [
    { 'label' 'A' 'values' [ 1.2 2.3 3.4 ..... ] }
    { 'label' 'B' 'values' [ 1.2 2.3 3.4 ..... ] }
  ]
}

Samples

Simple box plot chart

NOW 'now' STORE
1 4 <% 
  'i' STORE
  NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE
  1 10 <% 'ts' STORE $g $now $ts STU * - NaN NaN NaN RAND ADDVALUE DROP %> FOR
$g
%> FOR
NOW 'now' STORE 1 4 <% 'i' STORE NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE 1 10 <% 'ts' STORE $g $now $ts STU * - NaN NaN NaN RAND ADDVALUE DROP %> FOR $g %> FOR

Custom data

<% [ 0 10 <% DROP RAND 100.0 * %> FOR ] %> 'rand' STORE
{
  'title' 'Test'
  'globalParams' { }
  'data' [
    { 'label' 'A' 'values' @rand }
    { 'label' 'B' 'values' @rand }
  ]
}
<% [ 0 10 <% DROP RAND 100.0 * %> FOR ] %> 'rand' STORE { 'title' 'Test' 'globalParams' { } 'data' [ { 'label' 'A' 'values' @rand } { 'label' 'B' 'values' @rand } ] }

Horizontal box plot

<% [ 0 10 <% DROP RAND 100.0 * %> FOR ] %> 'rand' STORE
{
  'title' 'Test'
  'data' [
    { 'label' 'A' 'values' @rand }
    { 'label' 'B' 'values' @rand }
  ]
  'globalParams' { 
    'box' { 
      'horizontal' true 
    }
  }
}
<% [ 0 10 <% DROP RAND 100.0 * %> FOR ] %> 'rand' STORE { 'title' 'Test' 'data' [ { 'label' 'A' 'values' @rand } { 'label' 'B' 'values' @rand } ] 'globalParams' { 'box' { 'horizontal' true } } }

Axis bounds

NOW 'now' STORE
[ 1 4 <% 
  'i' STORE
  NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE
  1 10 <% 'ts' STORE $g $now $ts STU * - NaN NaN NaN RAND 100.0 * ADDVALUE DROP %> FOR
  $g
%> FOR ] 'data' STORE
{
  'data' $data
  'globalParams' {
    'bounds' {
      'yRanges' [ -20 200 ]
    }
  }
}
NOW 'now' STORE [ 1 4 <% 'i' STORE NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE 1 10 <% 'ts' STORE $g $now $ts STU * - NaN NaN NaN RAND 100.0 * ADDVALUE DROP %> FOR $g %> FOR ] 'data' STORE { 'data' $data 'globalParams' { 'bounds' { 'yRanges' [ -20 200 ] } } }

Thresholds

NOW 'now' STORE
[ 1 4 <% 
  'i' STORE
  NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE
  1 10 <% 'ts' STORE $g $now $ts STU * - NaN NaN NaN RAND 100.0 * ADDVALUE DROP %> FOR
  $g
%> FOR ] 'data' STORE
{ 
  'data' $data 
  'globalParams' {
    'thresholds' [
      { 'value' 25 'color' '#77BE69' 'fill' true }
      { 'value' 50 'color' '#ff9900' }
      { 'value' 75 'name' 'Danger' }
    ]
  }
}
NOW 'now' STORE [ 1 4 <% 'i' STORE NEWGTS 'data-' $i TOSTRING + RENAME 'g' STORE 1 10 <% 'ts' STORE $g $now $ts STU * - NaN NaN NaN RAND 100.0 * ADDVALUE DROP %> FOR $g %> FOR ] 'data' STORE { 'data' $data 'globalParams' { 'thresholds' [ { 'value' 25 'color' '#77BE69' 'fill' true } { 'value' 50 'color' '#ff9900' } { 'value' 75 'name' 'Danger' } ] } }

Found an issue on this page or something missing?

Tell us onSlack iconThe Lounge, the Warp 10 Community Slack.