CTT - Chart

From PlcWiki

(Difference between revisions)
Jump to: navigation, search
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.

Personal tools