Manual

12: WEB SERVER
12-16 WEB SERVER CPU MODULE USER’S MANUAL FC9Y-B1278
Trend Graph
When data register monitoring is enabled, if the format string for trend graph is included in a DIV tag in an html page,
that string is replaced with a trend graph and the trend graph is updated according to the data register values read from
the Web server CPU module. The system library takes care of reading data via CGI.
In order to show a trend graph, insert a DIV tag and assign a unique string as the id and "trend" as the data-graph
attribute to the DIV tag.
The following parameters can be specified. When the parameters are not specified, default values are applied. Therefore,
not all parameters need to be configured.
The following parameters can be configured in lines[]. Default values are applied to the parameters that are not specified.
device Specify the device type. “D” (data register) can be specified.
address Specify the device address in decimal.
driver Reserved for the system. Specify 0.
net_no Reserved for the system. Specify 0.
format Specify the data type.
width Specify the width of the division in pixel. The default value is 300.
height Specify the height of the division in pixel. The default value is 300.
line_col Specify the color of the division. The default color is “#000000”.
min_val Specify the minimum value of the trend graph. This parameter must be configured.
max_val Specify the maximum value of the trend graph. This parameter must be configured.
plot_num Specify the number of data to plot. This parameter must be configured.
scale_col Specify the color of the scale. The default color is “#000000”.
x_val_col Specify the color of the X axis labels. The default color is “#000000”.
y_val_col Specify the color of the Y axis labels. The default color is “#000000”.
g_x Specify the horizontal position to start drawing the trend graph in pixel. The default value is 50.
g_x Specify the vertical position to start drawing the trend graph in pixel. The default value is 30.
g_width Specify the width of the trend graph in pixel. The default value is 200.
g_height Specify the height of the trend graph in pixel. The default value is 100.
g_line_col Specify the color of the border of the trend graph. The default color is the same with the line_col.
g_line_width Specify the width of the border of the trend graph in pixel. The default width is 1.
g_back_col Specify the back color of the trend graph. The default color is “#C0C0C0”.
mode
When the specified number of data is plotted, the trend graph reaches the right boundary of the trend
graph. The behavior of the graph can be specified from the following:
“one”: Discard the oldest data
“half”: Discard the first half of the plotted data
“all”: Clear all logged data
legend_gutter Specify the gap between the trend graph and the legend. The default value is 30.
legend_margin_x Specify the horizontal margin in the legend in pixel. The default value is 10.
legend_margin_y Specify the vertical margin in the legend in pixel. The default value is 10.
legend_line_width Specify the width of the lines in the legend in pixel. The default value is 20.
legend_line_gutter Specify the height in pixel when multiple lines are shown in the legend. The default value is 30.
legend_line_col Specify the line color in the legend. The default color is the same with line_col.
legend_width Specify the width of the legend in pixel. The default value is 100.
line_width Specify the initial width of the lines of the trend graph. The default value is 1.
marker_on Specify whether to show markers on the trend graph. The default is false (no markers).
marker_width Specify the size of the markers in pixel. The default value is 3.
lines[]
Specify the array of parameters for each series. Describe each array between "{" and "}" and insert
comma between the arrays.
label Specify the label for each series. The default label is the device name.
front_col Specify the fore color of the line for each series. The default color varies with each series.