warp view annotation

Annotation chart

type = annotation

Collapsed version:

Expanded version:

CSS vars

• Tooltip
  • --warp-view-chart-legend-bg
  • --warp-view-chart-legend-color
  • --gts-classname-font-color
  • --gts-labelname-font-color
  • --gts-attrname-font-color
  • --gts-separator-font-color
  • --gts-labelvalue-font-color
  • --gts-attrvalue-font-color
• Size
  • --warp-view-chart-width
  • --warp-view-chart-height
• Colors
  • --warp-view-font-color
  • --warp-view-chart-grid-color
  • --warp-view-annotationtooltip-font-color
  • --warp-view-annotationtooltip-value-font-color

Attributes

See common attributes

Events

See common events

Name	Type	Description
pointHover	{ x: number, y: number }	Emit mouse position
boundsDidChange	{ bounds: { min: number, max: number }, source: 'annotation' }	Emit new time range after scroll/zoom in ms if timeMode is 'date', in us if timeMode is timestamp

Data format

GTS, GTS array or complex data.

Complex data params

See common params

Options and globalParams

See common options

Name	Type	Default	Description
expandAnnotation	boolean	false	Expand annotations
timeMode	string	'date'	date, timestamp

Sample

<warpview-tile
          url="https://warp.senx.io/api/v0/exec"
          responsive="true"
          type="aannotation">
0 5 <% 'j' STORE
    NEWGTS 'series' $j TOSTRING + RENAME 'gts' STORE
    0 10 <%
        'i' STORE
        $gts NOW $i RAND + STU * - RAND RAND RAND 1000.0 * T  ADDVALUE DROP
    %> FOR
    $gts
%> FOR
</warpview-tile>