CTT - Chart
From PlcWiki
(Difference between revisions)
m |
m (→Konfigurace indexu) |
||
| (8 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
== Konfigurace indexu == | == Konfigurace indexu == | ||
| + | |||
| + | Aplikace startuje s předem definovaným výčtem grafů (default URL parametr index=index). | ||
| + | |||
| + | <pre> | ||
| + | { | ||
| + | "autoplay":true, | ||
| + | "storage":"ctt", | ||
| + | "query":"call chart_index_availability('$sender')", | ||
| + | "index":[], | ||
| + | "indexDetail":"index-detail", | ||
| + | "cols":2, | ||
| + | "tagEditor":true | ||
| + | } | ||
| + | </pre> | ||
| + | |||
| + | Legenda: | ||
| + | |||
| + | * autoplay - automaticky načte data grafů, jinak zobrazí dialog zadání časového rozmezí | ||
| + | * query - SQL dotaz vracející seznam (json konfigurace) grafů | ||
| + | * index - statický seznam grafů k nimž lze přidat další pomocí "guery" | ||
| + | * index-detail - index pro zobrazení detailu grafu/grafů odesilatele (sender_id) | ||
| + | * cols - zobrazení ve sloupcích | ||
| + | |||
| + | Seznam dostupných indexů (index.list.json): | ||
| + | |||
| + | <pre> | ||
| + | [ | ||
| + | {"label":"dostupnost", "index":"index"}, | ||
| + | {"label":"all-in-one", "index":"index-detail"}, | ||
| + | {"label":"rx-tx", "index":"index-rxtx"}, | ||
| + | {"label":"teplota", "index":"index-temperature"} | ||
| + | ] | ||
| + | </pre> | ||
== Konfigurace grafů == | == Konfigurace grafů == | ||
| + | |||
| + | Konfigurace viz amCharts. | ||
| + | |||
| + | Rozšíření konfigurace pro potřeby aplikace: | ||
| + | |||
| + | <pre> | ||
| + | "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":""}], | ||
| + | </pre> | ||
| + | |||
| + | Legenda: | ||
| + | |||
| + | * storage - odpovídá definici datasource serveru Tomcat | ||
| + | * "transform":"shift" - posune vykreslení jednotlivých čar (grafů) nad sebe (určeno pro docházku pracovníků) | ||
| + | * template - SQL select vracející data grafu | ||
| + | * params - definice parametrů, které se vkládají do šablony "template" (odpovídají html prvku input) | ||
== Uživatelská nastavení == | == Uživatelská nastavení == | ||
| + | |||
| + | Je použito HTML5 localStorage. | ||
Current revision as of 09:09, 16 January 2015
Contents |
Instalace
Verze jsou ke stažení v maven [repository]
Aplikace je distribuována formou web archivu pro server Tomcat.
Konfigurace indexu
Aplikace startuje s předem definovaným výčtem grafů (default URL parametr index=index).
{
"autoplay":true,
"storage":"ctt",
"query":"call chart_index_availability('$sender')",
"index":[],
"indexDetail":"index-detail",
"cols":2,
"tagEditor":true
}
Legenda:
- autoplay - automaticky načte data grafů, jinak zobrazí dialog zadání časového rozmezí
- query - SQL dotaz vracející seznam (json konfigurace) grafů
- index - statický seznam grafů k nimž lze přidat další pomocí "guery"
- index-detail - index pro zobrazení detailu grafu/grafů odesilatele (sender_id)
- cols - zobrazení ve sloupcích
Seznam dostupných indexů (index.list.json):
[
{"label":"dostupnost", "index":"index"},
{"label":"all-in-one", "index":"index-detail"},
{"label":"rx-tx", "index":"index-rxtx"},
{"label":"teplota", "index":"index-temperature"}
]
Konfigurace grafů
Konfigurace viz amCharts.
Rozšíření konfigurace pro potřeby aplikace:
"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":""}],
Legenda:
- storage - odpovídá definici datasource serveru Tomcat
- "transform":"shift" - posune vykreslení jednotlivých čar (grafů) nad sebe (určeno pro docházku pracovníků)
- template - SQL select vracející data grafu
- params - definice parametrů, které se vkládají do šablony "template" (odpovídají html prvku input)
Uživatelská nastavení
Je použito HTML5 localStorage.
