LogoLogo
Return to StockChartsCharts & ToolsArticlesChartSchoolYour Dashboard
  • Support Center
  • Finding Your Way Around
    • Intro to StockCharts
    • Navigating the Website
    • Logging In for the First Time
    • Members Dashboard
  • data and ticker symbols
    • Data Availability
      • Markets We Cover
      • Real-Time Data
        • BATS Real-Time Data
      • Extended Hours Data
      • Data Bar Periods
      • Price Data Adjustments
      • Historical Data
        • How Do I Download Data to Excel?
        • StockCharts Historical Sector Data
    • Ticker Symbols
      • Ticker Symbol Conventions
      • How to Find a Ticker Symbol
      • Using the Index Catalog
      • Ratio and Difference Symbols
      • Pseudo-Symbols
      • User-Defined Indexes
  • Charts & Tools
    • SharpCharts
      • SharpCharts Workbench
        • Creating and Viewing SharpCharts
        • Printing and Sharing SharpCharts
        • Editing SharpCharts
          • Using the SharpCharts Interactive Date Slider
          • Charting Market Breadth Indicators
          • SharpCharts Parameter Reference
        • Saving SharpCharts
        • Additional SharpCharts Workbench Tools
          • Viewing ChartLists on the SharpCharts Workbench
          • Viewing Alerts on the SharpCharts Workbench
          • Viewing Options Data on the SharpCharts Workbench
      • ChartStyles & StyleButtons
        • Working with ChartStyles and StyleButtons
        • Using the ChartStyle Library
        • Tool-Specific ChartStyles
      • ChartNotes
        • Annotating SharpCharts with ChartNotes
        • ChartNotes Annotation Tool Reference
          • Line Tools
          • Text Annotation Tools
          • Shape Tools
          • Line Study Tools
      • ChartLists
        • Summary View
        • ChartList View
        • ChartBook View
        • Performance View
        • Correlation View
        • Edit View
        • ChartList Reports
        • ChartPacks
      • Classic SharpCharts Workbench
      • StockCharts Mobile App
    • StockChartsACP
      • Creating ACP Charts
      • Multi-Chart Layouts in StockChartsACP
      • Viewing ACP Charts
      • Printing and Sharing ACP Charts
      • Editing ACP Charts
      • Applying Chart Templates to ACP Charts
      • Annotating ACP Charts
        • StockChartsACP Line Tools
        • StockChartsACP Text Annotation Tools
        • StockChartACP Shape Tools
        • StockChartsACP Line Study Tools
      • Working with Saved ACP Charts
      • StockChartsACP Plug-Ins
        • Chaikin Power Gauge Plug-In
        • GoNoGo Charts Plug-In
        • Larry Williams Stock Trading Starter Pack Plug-In
        • MarketGauge Plug-Ins
        • Simpler Trading Moxie Indicator Plug-In
        • Trading Simplified by Dave Landry
        • Trend Investor Pro Indicator Edge
    • Other Charting Tools
      • P&F Charts
      • GalleryView
      • Seasonality Charts
      • CandleGlance Charts
      • MarketCarpets
      • Interactive PerfCharts
      • RRG Charts
      • Dynamic Yield Curve
    • Research Tools
      • Symbol Summary
      • Options Summary
        • OptionsPlay Explorer
      • OptionsPlay Strategy Center
      • Market Summary
      • Sector Summary
      • Industry Summary
      • Index Members
      • StockCharts Technical Rank (SCTR) Reports
      • Earnings Calendar
      • Cryptocurrency Summary
    • Reports and Galleries
      • The Ticker Cloud
      • Historical Chart Gallery
      • Predefined Scan Results
        • Customizing Predefined Scans
      • Predefined Technical Alerts
      • DecisionPoint Chart Gallery
      • Public ChartLists
        • Becoming a Public ChartList Author
      • SharpCharts Voyeur
  • Scanning & Alerts
    • Technical Scans
      • Scanning for Stocks: The Basics
      • Advanced Scan Workbench
      • Standard Scan Workbench
      • Working With Scan Results
    • Scan Writing Resource Center
      • Planning Scans
      • Writing Scans
      • Scanning Tutorials
        • Scan Workbench Tutorial
        • Scan Results Tutorial 1
        • Scan Results Tutorial 2
        • Writing Scans Tutorial 1
        • Writing Scans Tutorial 2
        • Creating Scan Templates Tutorial
        • Troubleshooting Scans Tutorial 1
        • Troubleshooting Scans Tutorial 2
        • Troubleshooting Scans Tutorial 3
      • Scanning Case Studies
        • Scanning for Crossovers
        • Scanning for "Near Crosses"
        • Scanning for Divergences
        • Scanning for Relative Strength
        • Scanning for Consolidation and Breakouts
        • Scanning for Selling Climaxes
        • Scanning for SCTRs
        • Scanning Ichimoku Clouds
        • Scanning for P&F Chart Patterns
        • Scanning Your ChartLists
        • Scanning for an Overlay of an Indicator
        • Writing Min/Max Scans
        • Writing Percent Change Scans
        • Scanning Over a Range of Dates
        • Writing Scans With OR Clauses
      • Troubleshooting Scans
        • Troubleshooting Equality Scans
      • Getting Help With Scans
      • Scan Syntax Reference
        • Scan Syntax: Ticker Properties
        • Scan Syntax: Price, Volume, and SCTRs
        • Scan Syntax: Technical Indicators
        • Scan Syntax: Technical Functions
        • Scan Syntax: Predefined Patterns
        • Scan Syntax: Groups
      • Advanced Scan Library
        • Sample Scans
        • Predefined Scans
        • Published Scans
        • User-Contributed Scans
        • Gord Greer's Scan Building Blocks
    • Technical Alerts
      • Technical Alert Workbench
      • Your Alerts
  • Your Account
    • Subscribing to StockCharts
    • Service Levels & Data Plans
    • Login & Passwords
    • Your Account Settings
    • Managing Your Subscription
      • Cancelling Your Account
    • StockCharts Add-Ons
      • OptionsPlay Add-On
  • Learning More
    • Market Commentary
      • Blogs
      • ChartWatchers Newsletter
      • StockCharts TV
    • Educational Resources
    • Frequently Asked Questions (FAQs)
    • Step-By-Step Instructions
      • SharpCharts How-Tos
        • SharpCharts Workbench How-Tos
          • How to Print a SharpChart
          • How to Share a SharpChart on Social Media
          • How to Email a SharpChart
          • How to Insert a SharpChart in a Document or Presentation
          • How to View Indicator and Overlay Values for Specific Days
          • How to Save a SharpChart
        • SharpChart Editing How-Tos
          • How To Use The Interactive Date Slider
          • How to Display More than One Symbol on a SharpChart
          • How to Create Overlaid Charts
          • How to Add an Overlay to an Indicator
          • How to Add a Moving Average to the Volume Bars on a Chart
        • ChartNotes How-Tos
          • How to Pin an Annotation on a SharpChart
          • How to Save a Chart from a Blog Article with the Author's Annotations
        • ChartList How-Tos
          • How to Use the ChartList Summary
          • How to Search for a Saved Chart in Your ChartLists
          • How to Share a ChartList with Another Member
        • ChartList Editing How-Tos
          • How to Create a New ChartList
          • How to Add Predefined Symbol Groups to a New ChartList
          • How to Add Predefined Groups into an Existing ChartList
          • How to Upload Symbols to a ChartList from a Spreadsheet
          • How to Rearrange Charts in a ChartList
          • How to Delete a Saved Chart from a ChartList
      • StockChartsACP How-Tos
        • Setting Period, Type And, Range
        • Chart Attributes
          • Part One
          • Part Two
        • Sharing And Printing
        • Saving Charts
          • Saving A New Chart
          • Saving An Existing Chart As New
        • Chart Templates
          • Applying Predefined Chart Templates
          • Saving A New Chart Template
        • Using ChartLists
          • Creating A New ChartList
        • Chart Layouts
          • Accessing Chart Layouts
          • Creating A New Custom Layout
        • Additional Tools
          • Accessing Research Tools
    • Troubleshooting
      • Unable to Log In
      • Website Slow or Down
        • Using OpenDNS
      • Website Functionality Issues
    • Customer Support
    • Policies & Limitations
      • Terms of Service
      • Privacy Statement
      • No Service Level Guarantees
      • Data Policies
      • Usage Limitations
      • Reprint Permission Policies
      • Billing Policies
      • Membership Policies
      • Public ChartList Policies
      • Customer Support Policies
Powered by GitBook
LogoLogo

ON STOCKCHARTS

  • Charts & Tools
  • Articles
  • StockCharts TV
  • ChartSchool

MEMBERS

  • Your Dashboard
  • Your ChartLists
  • Advanced Scans
  • Technical Alerts

HELP

  • Support Center
  • FAQs
  • Contact Us
  • Pricing

COMPANY

  • About Us
  • What's New
  • Careers
  • StockCharts Store

© StockCharts.com, Inc. All Rights Reserved.

On this page
  • Interactive Demo: Overlaying a Second Ticker Symbol on a SharpChart
  • Tutorial: Creating an Overlaid SharpChart comparing the Dow to the S&P 500
  • Create the SharpChart
  • Add the Second Ticker Symbol to the Chart
  • Changing the Style of the Chart
  • Converting to a Price Performance Chart

Was this helpful?

Export as PDF
  1. Learning More
  2. Step-By-Step Instructions
  3. SharpCharts How-Tos
  4. SharpChart Editing How-Tos

How to Create Overlaid Charts

PreviousHow to Display More than One Symbol on a SharpChartNextHow to Add an Overlay to an Indicator

Last updated 2 months ago

Was this helpful?

When comparing two stocks or other ticker symbols, it helps to display the price bars for the two symbols overlaid on the same price plot. To overlay charts in the SharpCharts Workbench, you add a Price indicator for the second symbol and position it "Behind Price" so that it is overlaid on the main price plot.

For more head-to-head performance comparisons, you can convert both symbols to plot performance data instead of raw price data.

Learn More: | |

The brief interactive demo below shows you how to add a Price indicator to your SharpCharts and position it "Behind Price". The more in-depth tutorial walks you step-by-step through creating a chart comparing the Dow and the S&P 500 on a single price plot, then walks through converting it to a Performance chart.

Interactive Demo: Overlaying a Second Ticker Symbol on a SharpChart

This interactive demo will show you step-by-step how to add a price plot for a second ticker symbol to your SharpChart by adding a Price indicator and positioning it "Behind Price" to overlay it on the main price plot.

Click on the blue Continue button below to start the interactive demo.

Tutorial: Creating an Overlaid SharpChart comparing the Dow to the S&P 500

In this step-by-step tutorial, we'll use a Price indicator positioned behind the main price plot to create a SharpChart comparing the Dow Jones Industrial Average ($INDU) with the S&P 500 Large Caps ($SPX). Then we'll explore using the Price Performance indicator and Performance chart type to compare the two based on performance rather than raw price data.

Create the SharpChart

Step 1: Enter the Ticker Symbol

There are several ways to create a new SharpChart, but the easiest is to enter the symbol in the Create-a-Chart box at the top of the page and then click Go.

Step 2: Clear Indicators and Overlays

To simplify the chart, let's remove any Indicators and Overlays from the default chart. The quickest way to do that is to click the Clear All link in the Overlays section, then repeat the process with the Clear All link in the Indicators section.

Note: You may want to make other changes to the chart, such as changing the size or the color scheme. In this example, we're using the “Spruce” color scheme.

Add the Second Ticker Symbol to the Chart

You can use the Price indicator to add additional ticker symbols to your chart. In this example, we'll add $SPX to the chart.

Step 3: Use the Price Indicator to Add the Ticker Symbol of the Overlay

Select Price from one of the empty indicator dropdowns, and in the Parameters box enter the ticker symbol you want to chart. In this case, we will use $SPX for the S&P 500. Ensure the Position dropdown is set to Behind Price so that the $SPX data will appear on the same chart panel as the primary $INDU data.

Once these changes have been made, your chart should look similar to the one below.

Changing the Style of the Chart

Notice that $INDU is charted using candlesticks, and $SPX using a line. This is like comparing apples to oranges. Usually, people use line charts for both ticker symbols to make comparing the data easier.

Step 4: Change the Look of Your Charts

To change the $INDU candlesticks to a line, simply change the Type dropdown to Line (thin).

Change the Volume dropdown to Off to remove the volume bars from the chart. This makes for a less cluttered chart, but more importantly, it allows the vertical scale on the left side of the chart to display the $SPX values instead of the volume values.

Once you've made these changes, the final overlaid comparison chart should look something like this:

This chart style allows you to visually compare the behavior of the Dow Jones Industrial Average and the S&P 500 indexes. It should come as no surprise that they move in very similar ways. StockCharts subscribers can change the color and style of the lines for more clarity.

Converting to a Price Performance Chart

SharpCharts can also be used to create overlaid Price Performance comparison charts. These charts allow you to compare each index's percent gain/loss. Here are the easy steps to convert this chart into a Price Performance comparison chart.

Step 5: Change To Performance Chart Type

Change the Type dropdown for the main ticker symbol to Performance. Then, change the Indicator from Price to Price - Performance.

The final overlaid Price Performance chart should look similar to the one below.

Now both lines start at 0% and move up and down based on the percentage change rather than the price. In this case, we can see that the Dow has outperformed the S&P 500 over the time period covered by the chart.

The Price Indicator
Overlaid Charts
Performance Comparison SharpCharts
The first step to create an overlay in SharpCharts is to enter a ticker symbol
Clear all indicators and overlays from the chart.
Add the second ticker symbol using the Price indicator.
Overlaid charts in SharpCharts.
Change the look and feel of your charts by modifying the settings under Chart Attributes.
Example of overlaid charts in StockCharts.com.
Use Type and Price - Performance to compare performance in percentage terms.
Comparing overlaid charts from a percentage perspective.
Enter ticker symbol of chart you wish to view in the Create-a-Chart search box
Clear indicators and overlays from a chart by selecting Clear All
You can add a second ticker symbol for the chart overlay using the Price indicator
Chart displaying two overlays using StockCharts.com
Example of overlaid charts in StockCharts.com
Compare price performance of overlaid charts using the same scale by changing chart type to Performance and indicator to Price - Performance.