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

How to Use Tool Tips with an InduSoft Web Studio Trend Object

InduSoft Web Studio users often wonder how they can use ToolTips with an InduSoft Web Studio Trend Object:


The Trend Object does not have an inherent ToolTip feature like many other trend objects, and this is because the InduSoft Web Studio object is extremely flexible. The object can be reshaped and oriented either vertically or horizontally and the trends may run from the left or right, top or bottom. Trends can be combined or broken into multiple sections.

Creating a single Trend Object that encompasses all of these features, and along with having a ToolTip display that meets customer requirements in all of these various modes is problematic simply because it is not possible to design a single object that can be flexible enough to meet all customer’s needs.

Therefore it is possible for the customer to create ToolTip displays that will enhance the Trend Object as they are using it, while maintaining the flexibility that the InduSoft Web Studio Trend object enjoys.

The Trend Tool Tips Demo Application and Functionality

In the InduSoft Web Studio Help Manual (Technical Reference) there is a detailed section on setting up and using The Trend Object.  There are many configurations depending on how the Trend Object is going to be used, and once it is determined the how best orientation and layout of the object will suit the particular customer application, it can be determined how to best utilize and display ToolTip functionality for the Trend (see the above image).

Download the Trend Tool Tips Demo for InduSoft Web Studio

The Trend ToolTips are basically value displays showing each pen’s value. Other information can be placed within the value display, in addition to the fact that they can be formatted in a number of ways to enhance the value of the information displayed. In the screenshot above, a single rectangle for each pen value is placed behind the Trend Object (the Object is ALWAYS on top), and the background of the Trend Object is made to be transparent.  Next, The Trend Object is sized to fill the entire screen, which give estimates on the size of the display area for the trend lines. This is the area that will be used to position the various value displays (rectangles) in.  Depending on whether the Trend Object is placed horizontally or vertically, and the direction of the trend, will determine how the pen value displays will move.

In the application, when the cursor is clicked on, the value of 0-100 of where the cursor line is selected is returned to a tag, which can be used for determining where the leading edge of the pen value displays will be. In the application shown above, this is an X value and it is placed into the horizontal position animation of the value display:

 tt2 tt3

The vertical axis is the value of the pen itself, and in this example of combined trend lines, all pen values fall within a 0-100 range, which makes a combined display easy to create.  More complex displays will require percentages of the values, and note that all pen value displays fall within the same section in this example. If you plan on using multiple sections, the filter for the vertical position of each pen value display will need to take that into account, along with a tag or other automation that will tell each value display for the pen if the ToolTip will be functioning within a smaller vertical section of the Trend Object or across the whole vertical range of the Trend Object.

There are some buttons available during runtime to show what happens when the Pen Values are intermixed, and also what happens when multiple sections on the trend object are selected. More sophisticated ToolTip objects will need to compensate for all the factors in how they will display meaningful data when a Trend Object is configured a certain way.

Comments are closed.