Bar graph (vertical) -12 – IDEC MicroSmart Pentra User Manual

Page 120

Advertising
background image

12: W

EB

S

ERVER

12-12

W

EB

S

ERVER

CPU M

ODULE

U

SER

S

M

ANUAL

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).

Advertising