Line Charts: Customization Techniques Explained
Master advanced line chart customization in Tableau
This tutorial demonstrates how to create enhanced line charts by combining two separate charts - a line chart and a circle chart - using dual axis synchronization to achieve effects impossible with default chart options.
Basic Setup Process
Prepare Your Data
Bring subcategory into columns and add profit measures to rows. Use the same measure twice by holding Control and dragging to duplicate the profit pill.
Set Chart Types
Change the first chart to a line chart and the second chart to a circle chart. The line chart will appear below while circles overlay on top.
Create Dual Axis
Click the dropdown on the second field and choose dual axis to overlay the charts on top of each other.
When you create a dual axis chart, notice that the pills lose their rounded corners on the inner sides where they join together. This visual cue indicates the charts are properly connected.
Dual Axis vs Single Chart
Even when using identical fields and values, the dual axis charts may not align perfectly by default. Always right-click on one axis and choose 'synchronize axis' to ensure proper point alignment.
Axis Management Tasks
Ensures data points align perfectly between line and circle charts
Right-click axis and uncheck 'show header' to reduce visual clutter
Check that corresponding values appear at the same vertical positions
Circle Customization Options
Color and Border
Change circle colors to white with black borders for hollow effect. Adjust border thickness and style for different visual impacts.
Shape Alternatives
Replace circles with built-in shapes like squares, triangles, or diamonds. Each shape offers different visual emphasis for data points.
Size Control
Unlike default line chart markers, dual axis circles can be resized independently to create prominent data point indicators.
Adding Custom Shape Images
Navigate to Tableau Repository
Go to Documents > My Tableau Repository > Shapes folder on your computer.
Create Custom Folder
Make a new folder with a descriptive name for your custom images. This will appear as a category in Tableau.
Add PNG Images
Copy PNG files with transparent backgrounds into your custom folder. Rename files with descriptive names.
Reload Shapes in Tableau
In the shape menu, click 'Reload Shapes' or restart Tableau to access your custom images from the new folder.
Use websites like Icons8 to find professional PNG icons with transparent backgrounds. Keep file sizes reasonable and use descriptive filenames for easy identification in Tableau.
Default vs Enhanced Line Charts
| Feature | Default Line Chart | Enhanced Dual Axis |
|---|---|---|
| Marker Size Control | Fixed small circles | Fully customizable |
| Shape Options | Basic circle only | Any shape or custom image |
| Color Control | Limited options | Full color and border control |
| Setup Complexity | Simple one-click | Multi-step process |
This lesson is a preview from our Tableau Course Online (includes software) and Tableau Certification Online (includes software & exam). Enroll in a course for detailed lessons, live instructor support, and project-based training.
Key Takeaways