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

# Easy Chart - Axes

> <IUCard title="Easy Chart - Axes" link="https://inductiveuniversity.com/video/easy-chart-axes/7.9" />

:::note This section assumes that Tags and Tag History have been configured
To learn more, go to the [Tag](tags/tags.md) and [Set up Tags to Log](historian/configuring-tag-historian/set-up-tags-to-log.md) pages.
The examples below use [OPC tags](tags/browsing-and-creating-OPC-tags.md) from the [Generic Simulator](opc-ua-and-device-connections/simulators/simulators.md) driver, but [Memory, Expression, and Query Tags](tags/creating-memory-expression-and-query-tags/creating-memory-expression-and-query-tags.md) can be used instead.
:::

## 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. 
2. Drag your Tags over from the Tag Browser to your Easy Chart that you want to display. 

    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.  

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

    ![](ec2.png)

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** ![](green-plus.png).   

    ![](ec3.png)

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. 

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

    ![](ec4.png)

    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. Press the **Pens** tab, select the pen row you want to change, and click the **Edit icon** ![](edit-icon.png).  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.

    ![](ec6.png)

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 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](designer/previewing-the-project.md)**, 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 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. To use the Symbol Axis type, click on the **Axes** tab, and the **Edit Axis** window will be displayed. 
3. 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. 

    ![](symbols-edit.png)

    :::note 
    The order of the symbols when you type them in will be ascending order on the axis
    :::
4. Click **OK** two times.   

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

![](symbol-axis2.png)

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