<widget-SCADA>

This webcomponent follows the open-wc recommendation.

Installation

npm i @record-evolution/widget-scada

Usage

<script type="module">
    import '@record-evolution/widget-scada/widget-scada.js'
</script>

<widget-scada-0.0.1></widget-scada-0.0.1>

Expected data format

Please take a look at the src/default-data.json to see what data is expected to make the widget show content.

The following format represents the available data :

data: {
  settings: {
    title: string,
    subTitle: string,
    minGauge: number,
    maxGauge: number,
    style: {
      needleColor: string,
      sections: number,
      backgroundColor: string[]
    }
  }
  gaugeValue: Number
}

SCADA Symbols

The SVG SCADA symbols in scada_symbols/ are taken from the ThingsBoard project and are licensed under the Apache License 2.0. See scada_symbols/LICENSE for details.

Local Demo

npm start

To run a local development server that serves the basic demo located in demo/index.html