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
  • Accessing ChartNotes
  • ChartNotes Menus
  • Adding Annotations
  • Selecting Annotations
  • Duplicating Annotations
  • Creating Channels via Duplicated Trendlines
  • Deleting Annotations
  • Modifying Annotations
  • Pinning Annotations
  • Saving Annotations
  • Tips and Tricks

Was this helpful?

Export as PDF
  1. Charts & Tools
  2. SharpCharts
  3. ChartNotes

Annotating SharpCharts with ChartNotes

PreviousChartNotesNextChartNotes Annotation Tool Reference

Last updated 1 month ago

Was this helpful?

Once you've launched the ChartNotes annotation tool, whether from the SharpCharts Workbench, ChartList View, or ChartBook View, you're ready to annotate your chart.

In this article, we'll go over the basics of adding, editing, and deleting annotations, as well as some more advanced topics like duplicating annotations or pinning an annotation in place.

To get a quick overview of the things you can do with annotations in ChartNotes, check out the video below, or read on for detailed instructions on getting the most out of ChartNotes.

Accessing ChartNotes

To get started, choose the SharpChart you want to annotate. It can be a brand new chart that you create on the SharpCharts Workbench, or a chart that you have saved to one of your ChartLists. Because changing the chart settings later can have an impact on your annotations, we recommend making sure the chart's settings are correct before you start to annotate.

Once your chart is ready, accessing ChartNotes is as easy as clicking the blue Annotate button above the chart in the SharpCharts Workbench.

Note: For users of the Classic Workbench, there is an Annotate link below the chart, rather than a button above the chart.

If you'd like to annotate a saved chart from ChartBook or ChartList View, you can do so without even leaving the view. Simply click the "Actions" button at top right of the chart, and choose Annotate. This will open ChartNotes right in the view.

Note: If the Annotate link is not clickable, check that the AutoSize Chart box at the top of the view is unchecked, then try again to open ChartNotes.

ChartNotes Menus

Below is a screenshot of the ChartNotes window. The buttons on the left allow you to select different annotation tools, save your changes, and more. The settings along the top of the chart allow you to change the properties of the currently selected annotation.

Adding Annotations

On the left side of the ChartNotes window, there are four buttons that give you access to each of the four categories of drawing tools available in SharpCharts. To add an annotation, select the category to open the menu, then select the specific tool you wish to use.

In the screenshot below, the four annotation tool buttons are highlighted in green, and the user has clicked on the Shape Tools button to show the list of available Shape Tools (Rectangle, Triangle, and Ellipse).

Once you have selected the tool you wish to use (the icon for it will be shown on the button, and the button itself will have a grey background to show that it is the selected tool), you can change the settings that will be used when the annotation is drawn, using the settings above the chart. You can change the color, line width, and more. The exact settings will vary based on the specific annotation tool you choose.

Most annotations can be drawn by clicking and dragging your mouse from the point you want the annotation to begin to the point you want it to end, then letting go of the mouse button. There are some annotations that are created using a different method. Please see our SharpCharts Annotation Tool Reference for more details on use of a specific annotation tool.

Selecting Annotations

If you've placed an annotation on a chart and now want to change it, you can select and then move it, make changes to the settings, delete it, and more. To select the annotation, start by clicking the Selection tool (with the black arrow icon, shown highlighted in green in the screenshot below).

After you've chosen the Select Tool (it will have a grey background to show that it is the selected tool), you can hover over one of your existing annotations and click on it. You should see "handles" (small yellow boxes) on the outside edges when you select an annotation.

Once you have selected the annotation, you can change the settings for the existing annotation using the buttons above the chart. You can also move the annotation, delete it, and more, using the instructions below.

Cool Tip: When you have many/overlapping annotations, it can sometimes be difficult to select the one you want. In this situation, you can click on one annotation (even if it's not the correct one), then cycle through the annotations by pressing the Tab key until the correct one is selected. To cycle backward through the annotations, press Tab + the Shift key.

Cool Tip: When working with another annotation tool, you can temporarily switch to the Selection Tool by holding down the Shift key on your keyboard. While holding down the Shift key, you can select annotations and move them around. Once you release the Shift key, ChartNotes will switch back to the annotation tool you previously used.

Duplicating Annotations

You can duplicate an annotation by selecting the annotation, then pressing CTRL+D (CMD+D on a Mac). The new annotation will appear slightly away from the original annotation and will be automatically selected so that you can immediately move or resize it with your mouse.

Note: Some browsers will display an unrelated dialog box when pressing CMD+D. If that happens, just press “Cancel” to dismiss that box.

Creating Channels via Duplicated Trendlines

There is an additional shortcut for quickly creating channel lines on a chart. Start by drawing the upper or lower channel line using the Line tool. Next, press and hold down the CTRL/CMD key on your keyboard. Finally, click and drag on the line you just created. As you drag away from that line, a new parallel line will appear under your mouse. Simply move that line to the top or bottom of your channel and release your mouse button to create the channel.

Deleting Annotations

Once an annotation is selected, you can delete it by pressing the “Backspace” (or “Delete”) key on your keyboard.

If you want to remove all annotations from a chart, click the Trashcan icon on the left-hand side of the ChartNotes window.

The Undo icon (reverse arrow just above the trashcan icon) allows you to undo your most recent change to the annotations on the chart. You can undo several changes by clicking the Undo button multiple times. You can also press CTRL+Z (CMD+Z on a Mac) to undo an annotation. Please note there is no Redo capability. When a change is “undone,” it is gone forever.

The screenshot below shows the Undo and Delete buttons outlined in green.

Modifying Annotations

Once an annotation is selected, you can click and drag the yellow handles to resize the annotation or to change the angle of annotations like trend lines. To reposition the annotation, click on the center of the annotation (away from the yellow handles) and drag it to the new location.

You can also click on the options in the horizontal menu at the top of the chart to modify the annotation's attributes. The options that you can change vary depending on the annotation selected. They include:

  • Color: The color of the annotation. Clicking the black arrow next to this feature will slide out a menu of color options. For easy access, your most recently used three colors are displayed on the far left of the horizontal menu.

  • Opacity: The transparency of the annotation. The opacity slider can be found in the slide-out color menu.

  • Line Width: Choose between five different line width options.

  • Line Style: Choose between seven different line style options.

  • Arrowhead: Add an arrowhead to a line.

  • Corner Type: Round the corners of the rectangle shape.

  • Fill Mode: Toggle between two different approaches for filling in shapes: “Empty” or “Opaque.” “Opaque” mode fills the shape based on the “Opacity” setting (see above).

  • Font Size: Increase or decrease the size of the letters in a text annotation.

  • Font Bolding: Toggle font bolding on and off.

Pinning Annotations

Typically, annotations are automatically repositioned whenever new price bars are added to the right edge of the chart. There are some situations, however, where you might not want your annotations to be moved. An example would be a block of text meant to serve as the chart's title. You might want that text to remain in the chart's center.

To prevent an annotation from moving to the left, over time, select the annotation with the Select tool and click the “Pin” icon in the horizontal menu at the top of the chart. When that button is selected (i.e., has a light blue background), your annotation will no longer move to the left as new data is added to the chart.

Saving Annotations

The Save button (the sixth button on the left side of the ChartNotes window, outlined in green on the screenshot below) is designed to allow you to save annotations as you go.

When the icon is red, it means changes need to be saved. When the icon is black, it means everything is saved. It will turn red again if you make any additional edits. This is helpful, especially if you want to add several annotations at once so you don't lose all your work if something happens before you finish.

If you want to exit the ChartNotes, click the black “X” in the upper right-hand corner of the chart. If you have not previously clicked “Save,” a prompt will appear asking if you want to save any changes you have made before exiting.

If your chart is brand new and has never been saved, once you've opted to save your changes, you can name the chart and select the ChartList (if applicable) where you would like to save it before exiting the application.

Note: You can't save annotated charts if you're not a StockCharts member.

If someone has shared an annotated chart with you and you'd like to preserve those annotations on your own copy of that chart, there is a simple trick to preserve those annotations. Just be sure to open the shared chart in ChartNotes before you save it to a list, then save the chart for the first time within ChartNotes.

Tips and Tricks

Ready for advanced ChartNotes? Watch our ChartNotes Tips and Shortcuts video and take your ChartNotes skills to the next level.

Learn More:

Learn More:

Step-By-Step Instructions:

Step-By-Step Instructions:

ChartNotes
How to Pin an Annotation
How to Save an Annotated Chart from a Blog Article
Annotation Positioning