Manual

12: WEB SERVER
12-12 WEB SERVER CPU MODULE USER’S MANUAL FC9Y-B1278
Bar Graph (Vertical)
When data register monitoring is enabled, and the format string for vertical bar graph is included in a DIV tag in an html
page, that string is replaced with a vertical bar graph and the bar graph is updated according to the data register values
read from the Web server CPU module. The system library is responsible for reading data via CGI.
In order to show a vertical bar graph, insert a DIV tag and assign a unique string as the id and "vbar" 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 bar[]. 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”.
barvgutter Specify the offset to the bar graph from the top boundary of the division in pixel. The default value is 30.
barwidth Specify the width of the bars in pixel. The default value is 20.
gutter Specify the space between the bars in pixel. The default value is 20.
type
Specify the shape of the tips of the bars. The shape can be selected from “square”, “round”, “sharp”, or “soft”.
The default shape is “square”.
scalewidth Specify the width of the scale in pixel. The default value is 5.
labelvgutter Specify the vertical space between labels and bars. The default value is 20.
labelhgutter Specify the horizontal space between labels for the scale and bars. The default value is 30.
bars[]
Specify the array of parameters for each bar. Describe each array between "{" and "}" and insert comma
between the arrays.
min_val Specify the minimum value of each bar. This setting must be configured.
max_val Specify the maximum value of each bar. This setting must be configured.
label Specify the label for each bar. The default label is the device name.
back_col Specify the back color of each bar. The default color is “#FFFFFF”.
front_col Specify the fore color of each bar. The default color varies with each bar graph.
scale_on Specify whether to show the scale. The default is false (no scale).
scale_lbl_on Specify whether to show the label. The default is false (no label).