Changes between Version 10 and Version 11 of WikiStart

Timestamp:

2011-06-28 11:53:12 (13 years ago)

Author:

futzle

Comment:

Attach bar colour examples and image

WikiStart

@@ -80 +80 @@
 If you pay different tariffs depending on time of use, you can define a snippet of code which assigns a colour to each bar in the history graphs of child devices.
 
-For the two-hourly graph, create a variable with service ID '''urn:futzle-com:serviceId:CurrentCostEnviR1''' and variable name '''TwoHourlyHistoryColour'''.  For the daily graph, create a variable with the same service ID and variable name '''DailyHistoryColour'''.  For the monthly graph, create a variable with the same service ID and variable name '''MonthlyHistoryColour'''.  (Americans take note at the spelling of these variables.)
+[[Image(CurrentCostBarColour.png)]]
 
-The contents of the variable is a JavaScript fragment which evaluates to a string in the form '''RRGGBB'''.  A variable '''time''' contains a JavaScript '''Date''' object corresponding to the start time of that bar in the graph.
+For the two-hourly graph, create a variable with service ID '''urn:futzle-com:serviceId:CurrentCostEnviR1''' and variable name '''!TwoHourlyHistoryColour'''.  For the daily graph, create a variable with the same service ID and variable name '''!DailyHistoryColour'''.  For the monthly graph, create a variable with the same service ID and variable name '''!MonthlyHistoryColour'''.  (Americans take note at the spelling of these variables.)
+
+The contents of the variable is a !JavaScript fragment which evaluates to a string in the form '''RRGGBB'''.  A variable '''time''' contains a !JavaScript '''Date''' object corresponding to the start time of that bar in the graph.
 
 Examples:
@@ -90 +92 @@
 `time.getDay() == 0 || time.getDay() == 6 ? '4D89F9' : 'AA55CC'`
 
-Note how the logic has been written to avoid HTML-special characters '''&''' and '''<'''.
+Note how the logic has been written to avoid HTML-special characters '''&''', '''"''' and '''<'''.  This prevents weird HTML injection artifacts on the device's Advanced tab.