CTT - Chart

From PlcWiki

Revision as of 10:10, 13 January 2015 (view source) Mcaslava (Talk | contribs) m (→Konfigurace grafů) ← Older edit		Current revision as of 09:09, 16 January 2015 (view source) Mcaslava (Talk | contribs) m (→Konfigurace indexu)
(3 intermediate revisions not shown)
Line 16:		Line 16:
	"index":[],		"index":[],
	"indexDetail":"index-detail",		"indexDetail":"index-detail",
-	"cols":2	+	"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>		</pre>
Line 43:		Line 63:
	== Uživatelská nastavení ==		== Uživatelská nastavení ==
		+
		+	Je použito HTML5 localStorage.

---

Current revision as of 09:09, 16 January 2015

Contents 1 Instalace 2 Konfigurace indexu 3 Konfigurace grafů 4 Uživatelská nastavení

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.