Skip to content

warp view plot

xavier edited this page Nov 23, 2020 · 4 revisions

Plot

type = plot

plot

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

Specific attributes

See common attributes

Events

See common events

See:

Data format

GTS, GTS array or complex data.

Specific complex data params

See common params

See:

Specific options and globalParams

See common options

Name Type Default Description
showControls boolean true Display plot's controls and toggles
showGTSTree boolean true Display the GTS tree
foldGTSTree boolean false Folds the GTS tree

See:

Sample

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