HTML and CSS Reference
In-Depth Information
barObj
.
height
=
Math
.
floor
(
barObj
.
label
/
chartYMax
*
100
)
+
'%'
;
barObj
.
bar
=
$
(
'<div class="bar fig'
+
j
+
'"><span>'
+
barObj
.
label
+
'</span></div>'
)
.
appendTo
(
barGroup
);
bars
.
push
(
barObj
);
}
// Add bar groups to graph
barGroup
.
appendTo
(
barContainer
);
});
Excluding the headings, our table has five columns with three rows. For our graph, this means
that for each column we create, three bars will appear in that column. The following image
shows how our graph will be constructed:
Breaking it down:
•
For each column, create a container
div
;
