CTT - Chart

From PlcWiki

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.