IDEC MICROSmart FC6A-C16K1CE, Communications Manual, Page: 242 / 252

11: W
EB
S
ERVER
11-24 FC6A S
ERIES
M
ICRO
S
MART
A
LL
-
IN
-O
NE
T
YPE
C
OMMUNICATION
M
ANUAL
FC9Y-B1730
The parameters that can be set as an element of lines[] are as follows. If the default value of the parameter is acceptable, it does
not need to be set.
When the div tag is coded as follows, the trend graph is displayed with 10 plots and markers using the data in double words D2040
and D2042 (decimal).
Notes:
Notes on Drawing Graphs
•
The string between <div> and </div> that describes the graph is passed as a JavaScript program parameter. Note that when coding the div
tag, the content can contain spaces and line breaks for formatting, but it cannot contain comments.
•
If a numeric value will not be set as a parameter, enclose it with "".
•
All parameters must be separated with ",". Do not put "," after the last parameter. The div tag will not be drawn as a graph if the parameter
format is invalid.
•
The manner in which the graph is displayed may differ according to the type of web browser.
•
There may be a delay in updating the web browser display due to the update frequency and the number of data plots.
label : The label name. The default is a string that combines the device type and device number.
front_col : The foreground color of the line that can be set for each line.
The default value is a color that differs for each element.
marker_col : The marker color of the line. The default value is the same as front_col.
line_width : The thickness of the line in pixels that can be set for each line.
This parameter has priority over the initial value of line_width.
marker_width : The size of the marker in pixels that can be set for each line.
This parameter has priority over the initial value of marker_width.
<div id="div31" data-graph="trend">
device:"D", address:2040, driver:0, net_no:0, format:"DEC-D",
width:400, height:300, line_col:"#000000",
min_val:0, max_val:100, plot_num:10,
line_width:3, marker_on:true, marker_width:5,
lines:[
{
label:"dev A",
front_col:"#0000FF"
},
{
label:"dev B",
front_col:"#FF0000"
}
]
</div>
100
dev A
1 10
0
dev B