Charts can be embedded for display in a web page. Here is how they are organized in the following (disregarding the top level horizontal tabs):
- Horizontal blocks across the page, we can call it paragraphs
- Each paragraph is divided into 2 equal columns, one on the left, one on the right
- Each column contains a single chart embedded from the Excel spreadsheet from OneDrive
Admission Scheme
Award Classification
HKDSE Eng, Lang. Level (JUPAS Admittees)
Level 2
Level 3
Avg Grade Point of ELC Subjects
Avg Duration (year) for Graduation by Admission Method
Achievement of SEVEN ATTRIBUTES by Avg Grade Point
Preferred HKDSE Subjects of JUPAS Admittees (exclude Eng. Chin)
Award Classification
Award Classification by Admission Scheme
Admission Method
Award Classification by Admission Method
- Height of charts
- The height of individual chart is governed by the chart itself, not by the page. As a result, the charts will appear with different heights on the page when put together.
- Scroll bar appearance
- Scroll bar appears on the charts, both horizontal and vertical. This is unavoidable.
- Excel bar at bottom of charts
- A black bar appears at the bottom of each chart, but unavoidable.
- Size of charts
- Size of charts is actually controlled by the Excel spreadsheet. By adjusting or resizing the charts on the Excel, the display area coverage can be altered. The web page does not control it. This is
- iFrame Width Setting
- The width parameter of each iframe is all set to 100%
- iFrame Height Setting
- The height parameter of adjacent iframe is set to the same value