---
title: "Easy Chart - Axes"
---

# Easy Chart - Axes

> The [Easy Chart](appendix/components/vision-components/charts/easy-chart/easy-chart.md) supports the use of multiple axes for displaying data from the Tag Historian.

## Configuring Multiple Axes on an Easy Chart

:::note This section assumes that Tags and Tag History have been configured
To learn more, go to the [Tag](platform/tags/tags.md) and [Configuring Tag History](../../../../tag-historian/configuring-tag-history/configuring-tag-history.md) pages.
The examples below use OPC PC Tags from the [Programmable Device Simulator](../../../../opc-ua/opc-ua-drivers/programmable-device-simulator/programmable-device-simulator.md) driver, but Memory Tags can be used instead.
:::

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

1. From the Component palette, drag an **Easy Chart** component to your workspace.
2. Next, drag your Tags over from the Tag Browser onto your Easy Chart. For the example, we used Sine 1 and Sine 4.  Sine 1 and Sine 4 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.  

    ![](ec1.png)

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 choose **Customizers > [Easy Chart Customizer](appendix/components/vision-components/charts/easy-chart/easy-chart-customizer.md)**.

    ![](ec2.png)

4. Click on the **Axes** tab. You'll notice that there is already one axis showing called Default Axis, which both Tags are sharing.

    ![](ec3.png)

5. To add an axis, click on the **Add** ![""](green-plus.png) icon.
5. The Edit Axis window is displayed. Assign the **Axis** a name. In this example, it's the name of the Tag that is being used.
6. Enter a **Label** name, which is a name that you want users to see on your chart.

7. Select the **Type** of axis from the dropdown: Numeric, Logarithmic, or Symbol. This example uses the default, Numeric. 

8. If desired, select the **Label**, **Tick Label** and **Tick Color** 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.

    ![](ec4.png)

10. Now, you have two axes: Default Axis and Sine 4 axis.

    ![](ec5.png)

6. Once a new axis has been created, you need to assign a pen to the axis. Select the **Pens** tab, select the pen row you want to change, and click the **Edit** ![""](edit-icon.png) icon . This example uses the **Sine 4** pen. In the **Axis** field, select the **Sine 4** axis from the dropdown menu, and click **OK** to save the pen.

12. Click **OK** again to close the Easy Chart Customizer.  

    ![](ec6.png)

13. 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, you 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 axis for each pen, and one pen is not going to throw off the values for the other pen.

![](ec7.png)

### Hide Pens

You can also hide or turn off pens so they are not displayed on the Easy Chart. To only see values for the Sine 1 axis, go to **[Preview Mode](platform\designer\designer-user-interface\designer-user-interface.md#previewing-the-project)**, uncheck the **Sine 4** pen, and click **Apply**.  To see the values for only the Sine 4 axis, check the **Sine 4** pen, uncheck the **Sine 1** pen, and click **Apply**.  Also important to note, auto positioning on the Easy Chart will automatically move the axis should pens assigned to an axis be removed.

| Sine 1 Pen | Sine 4 Pen |
|------------|------------|
| ![Chart displaying the Sine 1 pen only](hide-pens1.png) | ![Chart displaying the Sine 4 pen only](hide-pens2.png) |

## 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](../easy-chart-subplots/easy-chart-subplots.md) 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.

![](symbol-axis1.png)

1. Click on your Easy Chart component, and select **Customizers > Easy Chart Customizer**.  
2. Click on the **Axes** tab, then click the **Add** ![""](green-plus.png) icon to add an axis.
3. Enter a **Name**, we chose 'Axis 2'. Enter a **Label**, we called 'State'.
4. In the **Type** field, select **'Symbol'**  from the dropdown.
5. In the **Symbols/Grid Bands** field enter '**Auto**,' '**Off**,'  and '**Hand**' separated by commas, and no spaces. The order of the symbols when you type them in, will be ascending order on the axis.  

    ![](symbols-edit.png)

6. Click **OK** once to close the **Edit Axis** window.
7. Next we need to assign the new axis to a pen. In the Easy Chart Customizer, click on the **Pens** tab.
8. Select the Pen that should use this new axis and click **Edit** ![](edit-icon.png).
9. Using the dropdown, set the **Axis** property to our newly created axis.

![](symbol-axis2.png)

10. Press **OK** to close the Edit Pen window, and press **OK** again to close the Tag History Customizer. 
11. Put the Designer in **Preview Mode** ![](preview-mode.png).
12. Toggle 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.

    ![](symbol-axis3.png)

This Easy Chart example above shows the [subplot](../easy-chart-subplots/easy-chart-subplots.md) 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.