An easy way to add a bar graph to your app in App Inventor

Oct 6, 2016 karen's Blog


This is a guest blog by MIT Master Trainer Clark Hochgraf

You can create a simple bar graph in App Inventor using a button and a vertical arrangement. In the image below, the blue bar is a button whose height percent is set by the slider.

To create the bar graph, add a VerticalArrangement on the Designer Tab. Configure the vertical arrangement as follows:

Next, place a Button inside the vertical arrangement. The button should appear at the bottom of the VerticalArrangement.

Next, place a Label inside the VerticalArrangement and position it so that it is below the Button.