Personal tools

Difference between revisions of "Dashboard module"

From PhotoVoltaic Logger new generation

Jump to: navigation, search
m (Definition)
m (Definition)
Line 15: Line 15:
 
* Colors can be defined as HTML color names (<tt>green</tt>, <tt>red</tt> etc.) or HTML color codes (<tt>#123456</tt>)
 
* Colors can be defined as HTML color names (<tt>green</tt>, <tt>red</tt> etc.) or HTML color codes (<tt>#123456</tt>)
  
E.g. for a temperature channel (with axis range -30°C ... 30°C) the following are equivalent:
+
E.g. for a temperature channel (with axis range -30°C ... 30°C) the following are equivalent (spaces not required):
  
  > 0 : blue
+
    > 0 : blue         ==      -30 > 50% : #0000FF
0 > 20 : green
+
  0  > 20 : green        ==      50% > 20   : #008000
20 > : red
+
  20 >    : red          ==      20  > 100% : #FF0000
 
 
-30 > 50% : #0000FF
 
  50% > 20 : #008000
 
  20 > 100% : #FF0000
 
  
 
'''Example'''
 
'''Example'''
Line 29: Line 25:
 
[[File:InverterTemperatureDashboard.png]]
 
[[File:InverterTemperatureDashboard.png]]
  
  > 0 : #FBB
+
    > 0 : #FBB // below zero
0 > 35 : #BFB
+
  0 > 35 : #BFB // ok 0 ... 35°C
  35 > 40 : #FFB
+
  35 > 40 : #FFB // warning 35°C ... 40°C
  40 > : #FBB
+
  40 >   : #FBB // critical above 40°C
  
 
== Advanced usage ==
 
== Advanced usage ==

Revision as of 12:54, 3 March 2014

Dashboard8.png

Preparation

Definition

Define to color bands for the gauges like this.

start > end : color
  • For start and end absolute or relative (with % suffix) values allowed, also mixed
  • If start is not given, begins from axis starts
  • If end is not given, ends on axis end
  • Colors can be defined as HTML color names (green, red etc.) or HTML color codes (#123456)

E.g. for a temperature channel (with axis range -30°C ... 30°C) the following are equivalent (spaces not required):

   >  0 : blue         ==       -30 > 50%  : #0000FF
0  > 20 : green        ==       50% > 20   : #008000
20 >    : red          ==       20  > 100% : #FF0000

Example

InverterTemperatureDashboard.png

   >  0 : #FBB  // below zero
 0 > 35 : #BFB  // ok 0 ... 35°C
35 > 40 : #FFB  // warning 35°C ... 40°C
40 >    : #FBB  // critical above 40°C

Advanced usage

You can embed the dashboard also anywhere else, for example via iframe.

For this view, no authorization is required!

To get the embedded view, just use

http://your.domain.here/dashboard/embed

You can this also use to run PVLng on an info frame, just open this in full screen!