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

Custom data

<% [ 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 
    }
  }
}

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 ]
    }
  }
}

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' }
    ]
  }
}