CTT - Chart

From PlcWiki

Revision as of 10:18, 13 January 2015 by Mcaslava (Talk | contribs)
Jump to: navigation, search

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
}

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