Easy Chart - Axes

The Easy Chart supports the use of multiple axes for displaying data from the Tag Historian. Drag your tags over from the Tag Browser to your Easy Chart that you want to display. Make sure your tags are logged in the Tag Historian. Now, let’s look at how we can configure multiple axes on an Easy Chart component.

The following chart shows 2 tags: Sine 1 and Sine 2. They both have completely different value ranges. Sine 1’s values range between -10 and 10. Sine 2 values range between -100 and 100. Since both Sines are on the same axis, it is hard to see the details of Sine 1’s values since Sine 2 is throwing off the axis because of its wide range of values.

images/download/attachments/1704192/Easy_Chart_-_Both_Values_Default_Axis_Customizer_-_1.png

You have the option of putting your 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.

images/download/attachments/1704192/Easy_Chart_-_Both_Values_Default_Axis_Customizer_-_2.png

Click on the Axes tab so you can add on one or more axes to your component. There is already one axis showing called Default Axis. Both of the Sine tags are sharing the Default Axis.

images/download/attachments/1704192/Easy_Chart_-_Default_Axis_-_3.png

On the top right of the Easy Chart Customizer screen, click the green arrow to add a new axis. Call this Sine 1. The Label is the label name that will be displayed on your chart. Call this Sine 1 as well.

The axis can be a Numeric, Logarithmic or Symbol. Make Sine 1 a ‘Numeric.’ You can specify the colors on the Label, Tick Label and Tick Color. In this example, make them all red.

You will notice that the Position dropdown is disabled. There is an Auto Axis Positioning property in the Property Editor of the Easy Chart component that is true by default. If you turn off Auto Axis Positioning, you can then specify the left/right position of each of the axes.

You can also specify the axis Range to be Auto Range on or not. If you don’t set Auto Range, you can enter lower and upper bound values. If you set Auto Range to ‘True’, you can enter a margin value which is a plus or minus value for the top and bottom of the chart so you get a little padding. The margin value will enable you to see the entire trend so the values don’t go all the way to the very top or bottom of the chart. Set the Auto Range to ‘True’ and the Auto Range Margin to ‘0.05.’

You can set some tick units if you want and then Press OK.

images/download/attachments/1704192/Easy_Chart_-_Customizer_Edit_Axis_Sine_1_-_4.png

Now you have 2 axes, one for Sine 1 and another for Sine 2. Click on the Pens tab for Sine 1, select the Tag row then click the Edit Pen icon to change the Axis. Select the ‘Sine 1’ Axis from the dropdown menu and click OK.

images/download/attachments/1704192/Easy_Chart_-_Customizer_Edit_Pen_Sine_1_-_5.png

Now repeat the steps for Sine 2. Click on the Axes tab. You can leave the Name as ‘Default Axis’, and enter a Label and call it ‘Sine 2.’ Keep the Type as ‘Numeric.’ You can specify the colors on the Label, Tick Label and Tick Color. In this example, make them all blue and click OK.

images/download/attachments/1704192/Easy_Chart_-_Customizer_Edit_Axis_Sine_2_-_6.png

For the Sine 2 pen, we don’t need to change the Axis because we left the default name and only changed the Label to ‘Sine 2.’ To check, click on the Pens tab for Sine 2, select the Tag row then click the Edit Pen icon to change the Axis, otherwise, the ‘Default Axis’ will remain the default. Click OK and now both axes are different.

images/download/attachments/1704192/Easy_Chart_-_Customizer_Edit_Pen_Sine_2_-_7.png

Once you press OK, you will immediately see Sine 1 and Sine 2 values change on the Easy Chart. On the right side of the chart, you can see the Sine 1 label and values. On the left side, you can see Sine 2 label and values. Now, you are using a different axis for each tag.

images/download/attachments/1704192/Easy_Chart_-_Sine_Axes__-_Both_Axes_-_8.png

Go to Preview Mode, uncheck Sine 2 and click Apply. Now, the Easy Chart will only show the Sine 1 axis for the Sine 1 values.

images/download/attachments/1704192/Easy_Chart_Asis_for_Sine_1_-_9.png

To see the chart for Sine 2 only, check Sine 2, uncheck Sine 1 and click Apply. You will only see the values for Sine 2 which is on the Default axis.

images/download/attachments/1704192/Easy_Chart_Axis_for_Sine_2_-_10.png

When looking at both axes in Preview Mode, you will see both values. Now, one Sine is not going to throw off the values for the other Sine. Select both pens and click Apply.

images/download/attachments/1704192/Easy_Chart_-_Sine_Axes__-_Both_Axes_-_8_and_11.png

Easy Chart - Axes

Watch the Video