
12: W
EB
S
ERVER
12-14
W
EB
S
ERVER
CPU M
ODULE
U
SER
’
S
M
ANUAL
FC9Y-B1278
Bar Graph (Horizontal)
When data register monitoring is enabled, and the format string for horizontal bar graph is included in a DIV tag in an
html page, that string is replaced with a horizontal 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 horizontal bar graph, insert a DIV tag and assign a unique string as the id and "hbar" 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”.
barhgutter
Specify the offset to the bar graph from the left 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).
Phone: 800.894.0412 - Fax: 888.723.4773 - Web: www.clrwtr.com - Email: [email protected]