CTT - Chart English
From PlcWiki
Contents |
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.
