00:05
Hi, in this groov workshop, we'll look at the trend gadget. I built this trend earlier.
00:11
 It has only two pens, although you can have up to four pens per trend. Notice that the
00:17
trend gadget is buffering data over the time period the trend is configured for. So if
00:23
you're going go to a different groov page and then click back on this page, the trend
00:27
gadget will still have all the data loaded and ready to view. Notice also that if I click
00:32
on these individual pens, I can turn them off to see just one at a time. There are two
00:38
different axes that I can have, each with different units of data. In this case, I have
00:44
heat output on the right in pink and the air temperature, which is controlled by the heater
00:50
on the left in black. Let's take a deeper look and build one of our own. I”ll switch
00:56
to groov build here I'm using the groov server for windows free trial. if you see this icon
01:00
in the upper left corner - it means that there is an update available.  You will need to
01:01
update to groov 2.2 or later to use the trend gadget.Now, I have already added this other
01:04
gadget, a slider, to control the heater output that’s part of the Learning Center on my
01:08
desk. To add a new Trend, all I have to do is scroll down here to the bottom to find
01:14
the Trend gadget, and just drag and drop it like the other gadgets. Maybe I’ll make
01:19
this a little bigger here. Now notice there are a few properties I'll want to change right
01:24
away, like adding Temperature Control for the overall title.... then, as with the other
01:31
gadgets, I can adjust a few things like making the text look the way I want. Here is where
01:37
we set the Period for the trend.  In the trend I made earlier I set the period to 10
01:40
minutes. For the purpose of this demo, I want the smallest possible period so we can see
01:45
lots of change. But first notice if I try to set it for 8 days, the data entry box turns
01:52
red, because 7 days is the max. I'll change it to one minute. Here’s the update interval,
01:59
which really means: how fast groov pulls the data from the tag. I'll set that as the smallest
02:05
amount too, so we can see quick updates to one second. Then down here at the bottom,
02:12
notice there's this Left axis and Right axis. For my heater, that’s always going to be
02:17
from 0 to 100, so I set Value Limits as Manual. For the right axis, I'm going to let that
02:25
be Automatic and call it TEMPERATURE. Here’s a trick - if you hold down ALT and type 248
02:33
on a num-locked number pad, it will give you the degrees symbol…. Degrees Fahrenheit
02:39
for me. Now let's go ahead and configure our Data Sources. This is where I can add up to
02:45
four pens. For my first tag, I'm going to select that same heater, already connected
02:51
to the slider. And I'm going to go down here to my analog output points, select that heater,
02:58
and just click Update Gadget. Now for my heater to match my other gadget that is already there,
03:04
I'm going to make this red and also call it "Heater"... and that's going to go with my
03:10
Left Axis  I'm going to leave the default of line. Let's add Fill so you can see what
03:17
that looks like. For my second pen, I'm going to select the… temperature…. which is
03:23
right here, coming from my Learning Center. I'm going to leave the black for the color
03:29
and I'm going to call this temperature.  Again, I’m holding down ALT and pressing 248 on
03:36
my keypad, I’ll fix some spelling here… I have degrees F. and that’s going to go
03:40
with the right axis over here where I have it already configured for temperature. And
03:47
I’m not going to Fill this one so we can see what unfilled looks like. I could also
03:51
choose “Smooth Line” if I wanted to automatically smooth out the line so it’s less jaggedy.
03:57
So let’s click Done and see what this looks like! When I do File > Save all and switch
04:02
to groov View, a couple of things to notice: here on the left, I’d selected: 0 - 100
04:09
and Manual for the “Value Limits,” to fix the range in that vicinity. While on the
04:15
right I’d selected Automatic Limits, based on that changing temperature. Not a lot of
04:22
variation yet so that range is small, but if I were to crank up the heat here, to 100,
04:27
notice first of all, because I added that Heater pen first, that filled shape is not
04:33
covering up my temperature line: the Z-order depends on the order you in which you added
04:38
each pen. But if I wanted to just look at one pen without the other, I can do that here
04:44
by clicking on these labels. And notice my trend, as I would expect is showing an increasing
04:52
temperature because of the heat. Also, my axis is automatically adjusting here, since
04:58
I selected “Automatic” for the value limits. If I slowly lower the heater output, I can
05:05
see the change on the trend get updated once a second since that’s what I selected for
05:09
my Update Interval. Like all our other gadgets, notice that it scales nicely, so if you want
05:16
to put it a different device like a big screen TV, or maybe you just get a bigger monitor,
05:21
you don’t have to completely re-build this screen -- so that’s pretty awesome! Find
05:29
more groov videos on groov.com. Thanks for watching.
Up next
Autoplay