Easy Chart - Axes

Configuring Multiple Axes on an Easy Chart

The Easy Chart supports the use of multiple axes for displaying data from the Tag Historian.   

Now, let’s configure multiple axes on an Easy Chart component. 

1. From the component palette, drag an Easy Chart component to your workspace. Next, drag your Tags over from the Tag Browser to your Easy Chart that you want to display. 
    
2. The following chart shows two Tags: Sine 1 and Sine 4. They both have completely different value ranges. Sine 1 values range between -10 and 10. Sine 4 values range between -100 and 100.  Since both Sines are on the same axis, it is hard to see the details of Sine 1 values because Sine 4 is throwing off the axis due to its wide range of values.  
   
   
   
    
3. You have the option of putting Tags into different axes. You can do that in the Customizer of the Easy Chart component.  Right click on the Easy Chart component and scroll down to Customizers > Easy Chart Customizer.
   
   
   
   
4. Under the Axes tab, you'll notice that there is already one axis showing called Default Axis which both Tags are sharing. To add an axis to a component, click on the green plus icon  .   
   
   
   
   
   
5. The Edit Axis window will be displayed. Assign the Axis a name. In this example, it's the name of the Tag that is being used. Enter a Label name, which is a name that you want users to see on your chart. Select the Type of axis from the dropdown: Numeric, Logarithmic or Symbol.  This example uses the default Numeric. Specify the Label, Tick Label and Tick Colors that you want to set for your axis.
   
   The Position property determines which side of the chart the Axis should be drawn on. By default, this property is disabled because the Easy Chart automatically attempts to position each Axis. To manually determine the position of an Axis, locate the Auto Axis Positioning property in the Property Editor of the Easy Chart component, and set it to 'False'. 
   
   By default, the Auto Range is set to 'true' and will apply padding so the pens do not draw at the top and bottom of the axis. Instead of having the Easy Chart automatically determine the range, Auto Range could be set to 'false', in which case the Lower Bound and Upper Bound properties will determine the full range of the axis. 
   
   
   
   
   
   Now, you have two axes: Default Axis and Sine 4 axis.
   
   
    
6. Once a new axis has been created, you need to assign a pen to the axis. Press the Pens tab, select the pen row you want to change, and click the Edit icon .  This example uses the 'Sine 4' pen.  In the Axis field, select the ‘Sine 4’ axis from the dropdown menu, and press OK to close the Edit Pen window, and press OK again to close the Easy Chart Customizer.  
   
   
   
   
   
7. You'll notice that each pen is now in a different axis: Sine 1 is in the Default Axis, and Sine 4 is in the Sine 4 axis.  On the right side can see Sine 4 axis and its values. On the left side, you can see the Default Axis (Sine 1) axis and its values. Now, you are using a different axes for each pen, and one pen is not going to throw off the values for the other pen. 
   
   
   
   

Configuring an Easy Chart using the Symbol Axis 

Another feature of the Easy Chart is the use of the Symbol Axis type.  Instead of showing numerical values on the axis, the Symbol Axis type can show plain text on the axis.

The second subplot in this Easy Chart uses a Multi-State Button component to demonstrate the use of the Symbol Axis type. The Multi-State Button component is bound to an OPC Tag, and the value of the Tag is stored in the Tag History system. Instead of showing the numerical values '0,' '1,' and '2,'  you can use plain text such as 'Hand,' 'Off,' and 'Auto.'  This is helpful to an operator who immediately knows the state of the equipment instead of having to learn what the numeric values mean.

1. Click on your Easy Chart component, and select Customizers > Easy Chart Customizer.  To use the Symbol Axis type, click on the Axes tab, and the Edit Axis window will be displayed. In the Type field, select 'Symbol'  from the dropdown, and enter your text in the Symbols/Grid Bands field for what you want the operator to see for the 'State'.   'Off,' 'Hand,'  and 'Auto' were entered separated by commas, and no spaces. (Note: The order of the symbols when you type them in, will be ascending order on the axis).  Click OK two times.   
   
    
   
    
2. In Preview Mode, begin toggling the Multi-State buttons to begin logging data to your Easy Chart.  Data for the Multi-State Button component is collected in the second subplot which is using the Symbol Axis type. The first subplot is data for another Tag using the Numeric Axis type.
   
    
   
   
   This Easy Chart example above shows the subplot feature of the Easy Chart component and how easy it is to break up the chart plot area into multiple distinct subplots sharing the same X axis. It is a good way to display lots of data from different Tags in one Easy Chart.