English (United States)
Call us! 512-349-0334 or (877) INDUSOFT

Bar Graph-Stacked

Name: BarGraphStacked_Large_01.sym

Range (if applicable): 0 to 10000 (Maybe more)


This symbol is a stacked bar graph. The lower color is green, middle color is yellow and upper color is red. The developer can enter the lower percentage and upper percentage. These are the boundries between green and yellow (LowerPercent) and yellow and red (UpperPercent)


  1. This symbol contains only rectangles, lines and text. It was only tested on a PC but should run fine on EmbeddedView or CEView.

  2. This symbol assumes a minimum value of 0. If you need to have the flexibility of a different minimum value, please let us know.

Ideas for improvement:

  1. Add the ability to change the colors. For example instead of Green/Yellow/Red, make a version that you can edit the colors, maybe to something like Dark Blue/Medium Blue/Light Blue.

  2. Add a minimum setting.

  3. Create different sizes

  4. Add a background rectangle or “plate”

Here’s how to use this symbol:
Unzip and copy the .sym file into your Symbol folder of where InduSoft Web Studio is installed. This is usually “C:\Program Files (x86)\InduSoft Web Studio v7.1\Symbol” or similar. Either create a new folder or copy it into an existing one, such as “Bar Graphs”.

Download Bar Graph Here! 

Download a Sample Application using the symbol here!

Visit the forum thread for the Bar Graph-Stacked


We encourage you to modify and share these symbols with other users. Your symbol might be perfect for someone else, or they might make an ideal symbol for you. We want your feedback, so tell us what symbols you want us to create for the next “Symbol of the week”! Tell us in this short survey