PerCentGraphVert control template that uses an image control to create a Vertical bar type graph. PerCentGraphVert adds a group, Panel, and image control in a Vertical layout shown in below window in the ide.

Right click on the control and select the actions tab for the prompts.

You only need to select the Image to use for the bar graph and the variable to represent with the graph.

Any Image format supported by the Clarion IDe can be used, and the Variable should be a numerical value representing a percentile in the range of 1-100, ie 65(%) The Height of the image is 100 and {PROP:HEIGHT} is set to the variable.

The image is then repositioned to start at the bottom of the panel.

A Goto button is provided to go to an embed in the routine before the variable is used and assigned to the graph for any necessary hand coding.

Runtime display of vertical graph.