Tableau Dual Axis Chart

What is Tableau Dual Axis Chart?

A dual axis chart in Tableau is helpful in visualizing relationships between measures with different scales. The Dual-axis charts are critical in comparing different features to see whether or not they are profitable. It enables users to analyze two or more distinct features in visualizations and take their insights from them.

Using Tableau Dual Axis Chart brings to the front the main feature you want to compare by changing colors and visualization types to enhance user readability, and so on. In Tableau, users are also able to customize axe ranges, among many other calculations.

Tableau Dual Axis Chart - Intro

In this example, the Sales feature has been duplicated twice and has been merged. Here, for one of the features, a line graph is chosen, and for the other, a circle graph is shown.

Tableau Dual Axis Chart - Intro. - sum
Key Takeaways
  • Dual Axis in Tableau combines two measures on a single chart with separate axes.
  • It facilitates comparison between measures with different scales or units.
  • Users can customize each axis independently for appearance and formatting.
  • Additional elements like trend lines can be added to each measure individually.
  • Dual Axis charts allow for the simultaneous display of two measures on the same visualization, enhancing data comparison.
  • They are particularly useful for showcasing correlations, trends, or discrepancies between two variables.
  • Users can choose different chart types for each measure, such as bars for one and lines for the other, maximizing clarity.

How to create a Dual Axis Chart in Tableau?

Follow these simple straps to create your very own Dual Axis charts in Tableau.

Step 1: In the Tableau Public, open a new workbook by clicking on “File”- “New.”

Create new worksheets and dashboards by selecting them at the bottom-left part of the application.

Tableau Dual Axis Chart - Step 1 - dashboard

Step 2: Add a data source to your new workbook. Here, the Sample-superstore dataset is used.

Tableau Dual Axis Chart - Step 2
Tableau Dual Axis Chart - Step 2 - Orders

Step 3: Create a new worksheet and start creating your graph.

Tableau Dual Axis Chart - Step 3

Step 4: On the left, you can choose the features that you’ll use for the Tableau Dual axis Chart 3 measures.

Tableau Dual Axis Chart - Step 4

Step 5: Select the Month of the Order date and the total sales made in these months. First, it will select YEAR(Order Date) by default.

Tableau Dual Axis Chart - Step 5

Then, click on the ‘+’ buttons to show QUARTER and MONTH of the “Order Date” as shown.

Tableau Dual Axis Chart - Step 5 - order date

After that, remove the YEAR and QUARTER components by right-clicking on them and selecting “Remove.”

Tableau Dual Axis Chart - Step 5 - Remove

With that, you get the MONTH(Order Date). Keeping the “Sales” feature in the rows, you get the graph as seen below.

Tableau Dual Axis Chart - Step 5 - Date

Step 6: Drag and drop Profit to the other side of the axis, as shown below.

Tableau Dual Axis Chart - Step 6

With that, the graph changes to show a Tableau Dual axis chart with three measures of visualization.

Tableau Dual Axis Chart - Step 6 - dual axis

Here, both the profit and sales are color-coded.

Tableau Dual Axis Chart - Step 6 - color cooled

Step 7: Additionally, you can right-click on any of the vertical axes and select “Synchronize axes” since the profit and sales ranges aren’t equal to prevent confusion.

Tableau Dual Axis Chart - Step 7

With that, the final graph will look like this.

Tableau Dual Axis Chart - Step 7 - graph

Examples

See some interesting examples and also the different ways in which you’re able to create interactive visualizations in Tableau using dual-axis methods.

Example #1

Consider an example where you want to visualize the sales and profit graphs for every city in the US. You can use the Sample Superstore dataset to do the same. Follow these simple steps to learn how to create a Tableau dual axis chart with overlapping bars and a line.

Step 1: Connect the Sample Superstore dataset to a new Tableau Workbook.

Tableau Dual Axis Chart - Example 1 - Step 1

Step 2: Select Ship Mode and filter it so that only the values with “Same Day” are shown. It is done by dragging Ship Mode to the Filters option.

Tableau Dual Axis Chart - Example 1 - Step 2
Tableau Dual Axis Chart - Example 1 - Step 1 - ship mode

Step 3: Select “City” and place it in the “Columns” component.

Tableau Dual Axis Chart - Example 1 - Step 3

Step 4: Select Profit and place it in the “Rows” component. Right-click on “Profit” and change the statistical measure to “Average.”

Tableau Dual Axis Chart - Example 1 - Step 4
Tableau Dual Axis Chart - Example 1 - Step 4 - chart

Step 5: Drag and drop “Sales” in the “Rows.” Similarly, select the Average of it as done for Profit.

Tableau Dual Axis Chart - Example 1 - Step 5

Now, the axes look like this.

Tableau Dual Axis Chart - Example 1 - Step 5 - axis

Step 6: Right-click on any of the features in the “Rows” component and select “Dual Axis.”

Tableau Dual Axis Chart - Example 1 - Step 6

Now the graph changes as shown.

Tableau Dual Axis Chart - Example 1 - Step 6 - graph

Step 7: Right-click on any of the vertical axes and click “Synchronise Axis.”

Tableau Dual Axis Chart - Example 1 - Step 7

After synchronizing both the axes, you can see that both the axes have similar numbers.

Tableau Dual Axis Chart - Example 1 - Step 7 - double axes

Step 8: In the “Marks” tab, select “Sales” and change the visualization from “Line” to “Bar.”

Example 1 - Step 8

With that, you have successfully created a Tableau dual axis chart with overlapping bars and a line.

Tableau Dual Axis Chart - Example 1 - Step 8 - chart

Example #2

Suppose you want to compare the number of reviews and their accuracy for each Airbnb host in Austin, Texas. You can do so using the Tableau dual axis charts. This proves an excellent method on how to show the comparison of reviews to the users so that they can make informed decisions.

Step 1: In a new Tableau workbook, import the Airbnb dataset for Austin, Texas.

Example 2 - Step 1

Step 2: Select the “Host Has Profile Picture” and place it in the “Filters” tab.

Example 2 - Step 2

Select “True” in the filters. In this chart, only Airbnb hosts with profile pictures are considered.

Tableau Dual Axis Chart - Example 2 - Step 2 - True

Select “Host Since” and place it in the “Columns” component. Place “Number of Reviews Ltm” and “Review Score Accuracy” and set them as “Average” by right-clicking on the features.

Tableau Dual Axis Chart - Example 2 - Step 2 - Average

Step 3: Select “Host Since” and place it in the “Columns” component. Place “Number of Reviews Ltm” and “Review Score Accuracy” and set them as “Average” by right-clicking on the features.

Tableau Dual Axis Chart - Example 2 - Step 2 - Average

The graph looks like this now.

Tableau Dual Axis Chart - Example 2 - Step 3 - GRAPH

Step 4: Select any one of the features in the “Rows” component and, right-click and select “Dual Axis.”

Tableau Dual Axis Chart - Example 2 - Step 4

The graph changes as shown.

Tableau Dual Axis Chart - Example 2 - Step 4 - graph
Tableau Dual Axis Chart - Example 2 - Step 4 - Measures Name

Step 5: Synchronize the axes’ values to make them have a similar range.

Example 2 - Step 5

Step 6: In the “Marks” tab, change the “Number of Reviews” visualization feature to “Area.”

Tableau Dual Axis Chart - Example 2 - Step 6

It is the final graph.

Tableau Dual Axis Chart - Example 2 - Step 6 - graph

Example #3

You can use Tableau to compare multiple fields. You can use a Tableau dual axis chart four measures or more by adding more measures to the axes, as shown in this example. Follow the example below to learn how to do so. Here, you can compare Profit, Sales, Quality, Discount and Ratio of Profits.

Example 3

Step 1: Connect the Sample Superstore dataset to the new workbook.

Example 3 - step 1

Step 2: Select “Order Date” and place it in the columns. Right-click on the feature and select “Quarter.”

Tableau Dual Axis Chart - Example 3 - step 2

Step 3: Select “Sales” and place it in the “Rows” component.

Tableau Dual Axis Chart - Example 3 - step 3

Step 4: Drag and drop “Profit” on the same axis as that of sales.

Example 3 - Step 4

The graph will rearrange itself, and both the features come under the “Measure Values” tab, with “Measure Values” being in the rows component.

Step 5: Add the feature “Quantity” to the “Measure Values” tab as shown.

Tableau Dual Axis Chart - Example 3 - Step 5

The “Measure Names” filter comes by default. Ignore that since it has nothing to do with your chart. Now the graph looks like this.

Tableau Dual Axis Chart - Example 3 - Step 5 - graph

Step 6: Set “Discount” on the “Rows” component.

Tableau Dual Axis Chart - Example 3 - Step 6

Step 7: Create a new calculated field to find the Profit Ratio.

Example 3 - Step 7
Example 3 - Step 7 - Calculation

Step 8: Name the Calculated field and write the necessary calculation.

Example 3 - Step 8

Step 9: Drag and drop the “Profit Ratio” to the left of Discount to create a “Dual Axis” with the feature “Discount.”

Tableau Dual Axis Chart - Example 3 - Step 9

Step 10: Synchronize the axes of “Discount” and “Profit Ratio.”

Example 3 - Step 10

Now, you’ve successfully created a Tableau dual axis chart with 4 measures and more visualization, as seen below.

Tableau Dual Axis Chart - Example 3 - Step 10. - axis chart

Important Things To Note

  • Ensure that each axis is clearly labeled so that viewers can easily understand what each axis represents.
  • Dual-axis charts are most effective when comparing two measures that have different scales but are related, such as sales revenue and profit margin.
  • If you want to accurately compare the two measures, synchronize the axes to ensure that they start from the same point.
  • Dual-axis charts are not suitable for comparing measures that are unrelated or have different units of measurement.
  • Be cautious when using different scales on each axis, as it can distort the visual representation of the data and potentially mislead viewers.
  • Avoid overcomplicating your dual-axis chart with too many layers, lines, or additional elements that can distract from the main message.

Frequently Asked Questions (FAQs)

1. What is the difference between dual axis and blended axis charts in Tableau?

Dual Axis Chart: Combines two separate axes within the same chart to compare two measures with different scales.

FAQ 1.jpg
Here, the field “Profit Ratio” is placed opposite to where “Discount” is placed, creating a Dual Axis in Tableau.

Blended Axis Chart: Uses a single axis but blends the measures together, allowing comparison on a common scale without separate axes.

FAQ 1 - Blend axis

Combining Profit and Sales is an example of a Blended axis chart.

2. What is the difference between dual axis and combined axis charts in Tableau?

Dual Axis Chart: Displays two separate axes on the same chart for comparing two measures with different scales.

FAQ 2 - combined
Here, Profit is placed opposite to Sales creating a Dual Axis.

Combined Axis Chart: Displays multiple measures on the same axis, allowing for direct comparison without separate scales.



Here, the features “Profit”, “Sales” and “Quantity” are combined on the same axis.

FAQ 2 - Chart

3. Can I customize the appearance of each dual chart axis separately in Tableau?

Yes, you can customize the appearance of each dual chart axis separately in Tableau by accessing the formatting options for each axis individually.

4. Is it possible to add trend lines to each measure in a dual axis chart?

Yes, it is possible to add trend lines to each measure in a dual-axis chart in Tableau by applying trend lines separately to each axis.

This has been a guide to Tableau Dual Axis Chart. Here we explain how to create dual axis graph in tableau with examples & points to remember. You can learn more from the following articles –

Reader Interactions

Leave a Reply

Your email address will not be published. Required fields are marked *