Example Line Plot

The main goal of this example is to show how to use LinePlot.class. For a listing of the attributes associated with the Line Plot Widget, click on LinePlot.class. This example is similar to an earlier bargraph example, but instead uses a line plot (Output) versus a bargraph and also uses a vertical slider versus a horizontal slider. Instead of repeating everything from the earlier example, this example will only discuss Output. Reference \Projects\BarGraph\ReadMe.htm for information on the radio buttons, slider, and META tags. Here is a snapshot of what the html page looks like in a "WYSIWYG" tool:

Figure 1.

To create a lineplot named Output that uses a byte value returned by MetaOne, the following is used:

<APPLET CODE="LinePlot.class" WIDTH="102" HEIGHT="92" NAME="Output">
<PARAM NAME="href" VALUE="Amulet:document.MetaOne.value()">
<PARAM NAME="yMin" VALUE="0">
<PARAM NAME="yMax" VALUE="255">
<PARAM NAME="xSamples" VALUE="16">
<PARAM NAME="lineWeight" VALUE="2">
<PARAM NAME="updateRate" VALUE=".25">
</APPLET>

Output updates every 250msec, getting a byte value as its input from MetaOne by using the href function Amulet:document.MetaOne.value().

NOTES:

• In order to program this example into the Easy GUI module, the above html page can be found in \Projects\Examples\LinePlot\CompileMe.htm subdirectory of the Amulet main directory. By default, the Amulet main directory is C:\Program Files\Amulet, however you may have specified a different path during the install.
• Once you program this example into the GUI module, you will need to use the Amulet Simulator in order to respond to Output with some data if you have the UART radio button selected.