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

InduSoft Symbol of the Week – Stacked Bar Graph

This week’s symbol of the week is a great low-footprint graph for embedded machines or applications running on mobile devices. The stacked bar graph has a green, yellow, and red level, and developers can enter the lower percentage and upper percentage. These are the boundaries between green and yellow (LowerPercent) and yellow and red (UpperPercent)

Download this Symbol for InduSoft Web Studio

Name: BarGraphStacked_Large_01.sym

 

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

Properties: TagName, Max, LowerPercent, UpperPercent

Description: 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)

Notes:

  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”

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”.

Got better ideas for this? Let us know!

Want to let us know what symbols you need, or offer some good ideas on how to use the ones we’ve shared?

Tell us in this short survey

Comments are closed.