CTT - Chart English

From PlcWiki

---

Revision as of 08:59, 25 May 2020

Contents 1 Installation 2 Index configuration 3 Graph configuration 4 User settings

Installation

Versions can be downloaded in maven [repository]

The application is distributed in the form of a web archive for the Tomcat server.

Index configuration

The application starts with a predefined list of graphs (default URL parameter index = index).

{
"autoplay": true,
"storage": "ctt",
"query": "call chart_index_availability ('$ sender')",
"index":[],
"indexDetail": "index-detail",
"cols": 2,
"tagEditor": true
}

Legend:

• autoplay - automatically loads graph data, otherwise displays a dialog for entering a time range
• query - SQL query returning a list (json configuration) of graphs
• index - static list of graphs to which you can add more using "guery"
• index-detail - index for displaying the detail of the sender graph (s) (sender_id)
• cols - display in columns

List of available indexes (index.list.json):

[
{"label": "availability", "index": "index"},
{"label": "all-in-one", "index": "index-detail"},
{"label": "rx-tx", "index": "index-rxtx"},
{"label": "temperature", "index": "index-temperature"}
]

Graph configuration

See amCharts for configuration.

Configuration extensions for application needs:

  "chartHeight": "128px",
  "configLabel": "AVAILABILITY",
"storage": "ctt",
"transform": "",
"template": "call chart_availability ('$ from', '$ to', '$ Sensor', '$ Sender')",
"params": [{"name": "Sensor", "type": "hidden", "value": ""}, {"name": "Sender", "type": "hidden", "value" : ""}],

Legend:

• storage - matches the Tomcat server datasource definition
• "transform": "shift" - shifts the drawing of individual lines (graphs) on top of each other (intended for employee attendance)
• template - SQL select returning graph data
• params - definition of parameters that are inserted into the "template" (correspond to the html input element)

User settings

HTML5 localStorage is used.