IDEC FC6A-C16K1CE Communications Manual page 241

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.
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.
g_height : The vertical of the graph border in pixels.
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.
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"
legend_gutter : The width from the graph border to the legend in pixels.
legend_margin_x : The horizontal margin inside the legend in pixels.
legend_margin_y : The vertical margin inside the legend in pixels.
legend_line_width : The length of the line inside the legend in pixels.
legend_line_gutter : The vertical width in pixels when multiple lines are displayed inside the legend.
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.
line_width : The initial value for the thickness of lines on the graph in pixels.
marker_on : The initial setting for whether or not to display markers on the graph. The default value is false (no
marker_width : The initial value for the size of markers on the graph in pixels.
lines[] : An array of parameters that configures each line. Code the parameters for each array in { } and
FC6A S
The default value is 50.
The default value is 200.
The default value is 100.
The default value is 1.
(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".
The default value is 30.
The default value is 10.
The default value is 10.
The default value is 20.
The default value is 20.
The default value is 100.
The default value is 1.
markers).
The default value is 3.
separate each array element with ",".
M S A -
ERIES ICRO MART LL IN
-O T C M
NE YPE OMMUNICATION
11: W
FC9Y-B1730
ANUAL
S
EB ERVER
11-23