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
On this page
  • What Are PerfCharts?
  • Creating a PerfChart
  • Parts of the Interactive PerfChart Page
  • Working with Interactive PerfCharts
  • Changing the Chart's Period
  • Turning Lines On and Off
  • Changing Between Absolute and Relative Performance
  • Histogram Mode vs. Line Mode
  • Resizing the Chart
  • Other Chart Options
  • Saving Interactive PerfCharts
  • Additional Resources
  • Frequently Asked Questions

Was this helpful?

Export as PDF
  1. Charts & Tools
  2. Other Charting Tools

Interactive PerfCharts

PreviousMarketCarpetsNextRRG Charts

Last updated 11 months ago

Was this helpful?

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.

What Are PerfCharts?

lets you compare the performance of several different ticker symbols over differing periods of time. “Performance” is defined as “percent change of the closing price over time.”

Each line on a PerfChart shows the percent change for one stock from the chart's starting point (i.e., left edge). By plotting several performance lines on top of each other, a PerfChart allows you to make relative comparisons for two or more ticker symbols. A slider at the bottom of the chart lets you interactively change the starting and ending dates for the chart, allowing you to easily zoom the chart in or out or slide the chart through time.

Check out our PerfCharts overview video below, or just read on to learn how to get the most out of our interactive PerfCharts.

Creating a PerfChart

There are different ways to create an interactive PerfChart on StockCharts.com, including the following:

  • Click on Charts & Tools and choose one of the predefined PerfChart collections from the dropdown on that page.

  • Click on Charts & Tools, enter a comma-separated list of ticker symbols into the Create a PerfChart box on that page, and then click Go.

  • Select PerfChart from the Create a Chart bar dropdown, enter several comma-separated ticker symbols in the text box, and click Go.

  • Click on the PerfCharts link in the Member Tools area of Your Dashboard.

Parts of the Interactive PerfChart Page

The following are the essential sections of the Interactive PerfCharts page.

1— The PerfChart itself

2— The Symbol entry box / Predefined Group dropdown

3— The Symbol buttons

4— The Line/Histogram Mode buttons

5— The Date Slider

6— Additional Resources

The use of each of these sections is described below.

Working with Interactive PerfCharts

Changing the Chart's Period

You can use the slider at the bottom of the chart (#4 in the image above) to change the chart's starting and/or ending dates. The box that moves from side to side inside the slider area is called the “thumb,” which displays the number of trading days represented on the chart.

You can use your mouse to adjust the slider in the following ways:

  • Left-click on the middle of the slider's thumb and drag it left or right to change both the starting date and ending date. This allows you to “slide” your chart forward and backward through time.

  • Left-click on the left edge of the slider's thumb and drag it left or right to change the chart's starting date.

  • Left-click on the right edge of the slider's thumb and drag it left or right to change the chart's ending date.

  • Right-click on the middle of the slider's thumb to see a menu of common chart durations.

  • Double-click on the middle of the slider's thumb and type in the number of trading days you'd like to see on the chart.

There are several keyboard equivalents that you can also use to adjust the chart's start and end dates:

  • Use the left and right arrow keys to move the entire slider's thumb left and/or right.

  • Hold down the Shift key and use the left and right arrow keys to change the chart's starting date.

  • Hold down the Ctrl key (Cmd on a Mac) and use the left and right arrow keys to change the chart's ending date.

Note: You may need to click once on the PerfChart before the keyboard controls will work.

Turning Lines On and Off

Click any colored square in the Symbol area above the chart (#2 in the image above) to hide/unhide the corresponding performance lines.

Changing Between Absolute and Relative Performance

A PerfChart in Absolute Performance Mode shows each symbol's performance compared to its past performance.

In Relative Performance Mode, each symbol's performance is compared to the performance of a “baseline” symbol. For example, each of the S&P Sector SPDR symbols might be compared to the baseline of the S&P 500 as a means of comparing each sector's performance to the larger market.

Any symbol on a PerfChart can be turned into the chart's baseline by clicking on the ticker symbol's name in the symbol area above the chart (#2 in the image above). The ticker symbol's button will change to gray when it is selected as the baseline.

When a PerfChart has a baseline, the performance of the baseline symbol is subtracted from the performance of all of the other symbols. This shows each symbol's performance relative to the performance of the baseline symbol.

Click on the ticker symbol's name again to deselect it as the baseline, changing the button to white. If all the buttons are white, then there is no baseline and the chart will show absolute performance for each symbol.

Histogram Mode vs. Line Mode

Two buttons in the lower left corner of the chart (#4 in the image above) allow you to switch between “Line Mode” (the default) and “Histogram Mode.” In histogram mode, a vertical histogram bar is displayed for each ticker symbol on the chart. The height of each histogram bar represents the percent change of the corresponding symbol calculated from the starting date to the ending date.

Resizing the Chart

You can click and drag the lower right corner of the chart to resize the chart inside your browser window.

Other Chart Options

You can right-click your mouse in the middle of the chart to bring up a menu of additional options, which include:

  • Animate. Causes the slider's thumb to move forward through time automatically.

  • Lock/Unlock Y Axis. Prevents the chart's Y-Axis from adjusting automatically; the 0.0% center line will always be at the vertical center of the chart.

  • Show/Hide Info Boxes. Prevents information boxes from appearing when you move your mouse over the chart.

  • Show/Hide Shading. Removes the background shading from the chart.

  • Performance Sort Off/On (only available in Histogram mode). Sorts the histogram bars in descending performance order from left to right.

Saving Interactive PerfCharts

Members can click the “Permalink” link (located below the chart) to get a link to their chart, which can then be bookmarked and/or used in web links.


Additional Resources

Videos


Frequently Asked Questions

Does the Percent Change value displayed reflect each stock's “Total Return”?

In general, yes, as long as you are not using “unadjusted” ticker symbols (i.e. ones that start with an underscore).

How do I print a PerfChart?

Choose File/Print from your web browser's menu bar.

What is the maximum number of ticker symbols you can have on a PerfChart?

In general, the maximum number is 12; however, there are a couple of predefined PerfCharts that can have more than 12.

Show/Hide Cycle Line (only available in Histogram mode). Adds a yellow sine-wave overlay to the chart. Useful for .

Our Interactive PerfCharts page
sector rotation analysis
PerfCharts comparing the performance of major stock market indexes.