IDEC MICROSmart FC6A-C16K1CE, Руководство по связи, Страница: 241 / 252

FC6A S
ERIES
M
ICRO
S
MART
A
LL
-
IN
-O
NE
T
YPE
C
OMMUNICATION
M
ANUAL
FC9Y-B1730 11-23
11: W
EB
S
ERVER
Trend Graph
When the monitor function is enabled and the div tag and parameters are coded on the HTML file, it will be automatically
converted to a JavaScript request, and the values of the data registers acquired via CGI will be displayed in a trend graph.
To draw a trend graph, first set the id attribute to a string that indicates a unique ID for each graph, set the data-graph attribute
to "trend" that indicates the type of data, and code the parameters in the div tag.
The parameters that can be set are as follows. If the default value of the parameter is acceptable, it does not need to be set.
device : The device. Set this to "D" (data register).
address : The device number. Set this as a numeric value.
driver : The driver number. Set this to 0.
net_no : The network number. Set this to 0.
format : The web data type string.
width : The width of the div border in pixels. The default value is 300.
height : The height of the div border in pixels. The default value is 300.
line_col : The line color of the div border. The default value is "#000000".
min_val : The minimum value of the graph. This parameter is required.
max_val : The maximum value of the graph. This parameter is required.
plot_num : This parameter sets the number of plots of data. This parameter is required.
scale_col : The color of the scale. The default value is "#000000".
x_val_col : The color of the X-axis label. The default value is "#000000".
y_val_col : The color of the Y-axis label. The default value is "#000000".
g_x : The position to start drawing the graph border in the horizontal direction in pixels.
The default value is 50.
g_y : The position to start drawing the graph border in the vertical direction in pixels. The default value is 30.
g_width : The horizontal width of the graph border in pixels.
The default value is 200.
g_height : The vertical of the graph border in pixels.
The default value is 100.
g_line_col : The color of the graph border. The default value is the same as line_col.
g_line_width : The thickness of the graph border in pixels.
The default value is 1.
g_back_col : The background of the graph border. The default value is "#C0C0C0".
mode : This parameter sets the data that will be truncated when the data exceeds the plot area. Select "one"
(only one will be truncated), "half" (half of the entire amount will be truncated), or "all" (all will be
truncated). The default setting is "all".
legend_gutter : The width from the graph border to the legend in pixels.
The default value is 30.
legend_margin_x : The horizontal margin inside the legend in pixels.
The default value is 10.
legend_margin_y : The vertical margin inside the legend in pixels.
The default value is 10.
legend_line_width : The length of the line inside the legend in pixels.
The default value is 20.
legend_line_gutter : The vertical width in pixels when multiple lines are displayed inside the legend.
The default value is 20.
legend_line_col : The color of the lines inside the legend. The default value is the same as line_col.
legend_width : The horizontal width inside the legend in pixels.
The default value is 100.
line_width : The initial value for the thickness of lines on the graph in pixels.
The default value is 1.
marker_on : The initial setting for whether or not to display markers on the graph. The default value is false (no
markers).
marker_width : The initial value for the size of markers on the graph in pixels.
The default value is 3.
lines[] : An array of parameters that configures each line. Code the parameters for each array in { } and
separate each array element with ",".