Skip to content
xavier edited this page Nov 25, 2020 · 16 revisions

Warp View

This a collection of charting web components dedicated to Warp 10™

WarpView

Getting started

npm i @senx/warpview --save

yarn add @senx/warpview

Usage

<html>
<head>
  <title>Test</title>
<script src="https://cdn.jsdelivr.net/npm/@senx/warpview/elements/warpview-elements.js"></script>
</head>
<body>
  
  <div style="width: 100%; height: 800px;">
    <warp-view-tile 
      url="https:/warp10-backend/api/v0/exec"
      options='{"showDots":false,"scheme":"WARP10"}' 
      type="line"
      responsive="true" 
      chart-title="Sample"
    >NEWGTS 'g' STORE
      0 9 <% 'ts' STORE $g $ts STU * NOW + NaN NaN NaN RAND ADDVALUE DROP %> FOR
      $g 
    </warp-view-tile>
  </div>
</body>
</html>

Components

The main component is tile

Utilities

Charts types


3D lines

Annotation

Bar (horizontal, vertical, stacked)

Box

Bubble chart

Charts and area

Data grid

Text and date display

Calendar heatmap

Drops

Gauges

3D globe

GTS tree

Image

Map

Pie and donut

Multi chart plot

Polar chart

Radar chart

Spectrum

About