Tableau Dual Axis is very useful to compare Sales Amount data with total product cost or to compare Sales against profits etc. In this article, we will show you, How to Create Dual Axis chart in Tableau with an example.
For this tableau dual axis report, we are going to use the Data Source we created in our previous article so, Please visit Data Labels in Tableau Reports article to understand the Data Source.
Tableau Dual Axis Chart Example
In order to create Tableau Dual Axis chart First, Drag and Drop the Color Group (Created in Tableau Grouping article) from Dimension Region to Column Shelf.
Next, Drag and Drop the Sales Amount from Measures Region to Rows Shelf. Because it is a Measure value, Sales Amount will be aggregated to default Sum. Once you drag them, following Chart report will be generated.
In this tableau dual axis example we want to compare SalesAmount against Total Product Cost. So, Drag and Drop one more measure value i.e., Total Product Cost from Measures Region to Rows Shelf. Since it is a Measure value, Total Cost will be aggregated to default Sum.
Please assign Data Labels to the Chart by clicking the Abc label button present in Tableau toolbar
To create a tableau Dual Axis chart, Please select the Total Product Cost Axis. Next, right-click on it will open the context menu. From that, Please select the Dual Axis option as shown below
Once you select the Dual Axis option following screenshot will be displayed. From the below screenshot you can observe that We have Color Group in Horizontal Axis and Sales Amount, Total Product Cost in Vertical Axis (which are acting as Dual Axis)
Let us change the Mark type from Automatic to more meaningful. We can do this in two ways:
First, select the Sales Amount axis and right-click on it will open the context menu. From that, Please select the Mark Type option and select the Bar Chart for now
Once you select the Bar Chart, Bar chart will be displayed for Sales Amount Data
The second method, Select the Total Prod Cost axis and then select the Line type from the Marks Shelf
We successfully created Dual Axes tableau chart. However, from the below screenshot you can observe that For Red Color Total Product Cost value 4,696,177 is showing bigger than Sales Amount value 7,724,331. This is because The Maximum Axis values of Sales Amount is 9 million whereas Total Product Cost is 5 million.
Tableau Synchronize Axis
If you have no problem, Leave as it is otherwise, Please select the Total Product Cost and select the Edit Axis.. option from the context menu to synchronise dual axis in tableau
Once you select the Edit Axis.. option, a new window will be opened yo synchronize axis in tableau as shown below
Since our aggregated values of Sales Amount and Total Product Cost are same. We can simply checkmark Synchronize dual axes option as shown below
Now, we got our tableau synchronize axis final result
Synchronize Tableau Dual Axis chart
In this example, We just replaced the Sum of Total Product Cost with Count of Order Quantity.
Since our aggregated values of Sales Amount and Order Quantity are different, Synchronize dual axes option is greyed out as shown below. In these situations, we have to do it manually
In order to Synchronise tableau dual axis chart, First select the Axis with the maximum value (Here, it is Sales Amount with 9 million). Edit the Axis option and select the Fixed option as shown below. Next, Please copy the End value from the End text box
Next, Change the Axis option to fixed for Order Quantity and replace the End value with the SalesAmount End value (earlier copied End value).
From the below screenshot you can observe that Axis values of Sales and Count of Order Quantity are same. Here the values of Order Quantity are very small to display. But you can see the blue line in the bottom
Hope you understood the creation of Tableau Dual Axis and synchronize dual Axes values