How can ChartNotes
annotations to a chart I've created?
the annotations page?
...perform common ChartNotes activities?
the drawing toolbar?
the color, line width, and style toolbars?
...manage my annotated
chart once it is completed?
|What Are StockChart.com's ChartNotes?
is StockCharts.com's interactive chart
annotation tool. This Java applet allows you to add trendlines, text, arrows, Fibonacci
retracement lines, and much more to any bar, line, or candlestick chart. ChartNotes
combines these options into one streamlined layout that gives you great control over your
chart. Currently, ChartNotes only works with the SharpCharts charting tool (bar,
candlestick, and/or line charts).
To see some examples of ChartNotes at work, visit the Public
. It shows what other users are doing with the ChartNotes tool, and will
give you some great ideas for your own charts.
Can ChartNotes Benefit Me?
Sometimes chart patterns are not entirely obvious until they are
actually marked and identified. ChartNotes allows you to do this in a very simple and
intuitive way. Annotating your charts allows you to illuminate any important price action
or trends to yourself or others.
ChartNotes are perfect for presentations, articles or journals for
they allow you to clearly indicate significant aspects of a chart in a professional and
visually pleasing manner.
Adding annotations to your chart is as
simple as clicking a button:
Step 1: Create the SharpChart
for which you want to annotate.
Make sure the chart
is exactly what you want to use before starting ChartNotes!
Once you start annotating a chart, you
cannot change any of its "SharpCharts" attributes (size, indicators, etc.).
When the SharpChart is completely ready,
move down the page to below the Indicators section, and click the
A new window displays, and some onscreen
processing takes place.
Once processing is complete, you can
begin annotating your SharpChart inside of the ChartNotes applet!
If you don't see the chart appear in a reasonable
amount of time, try using our Java Troubleshooter
see if your computer supports Java correctly.
The Annotations Page
The ChartNotes applet that appears will
include all the graphics from your chart, along with vertical and horizontal toolbars that
you will use to make your annotations.
Through ChartNotes, you can add as many
lines, arrows, and indicators that you want using the Drawing
Annotations are easily
distinguished and made more visually pleasing by editing the Color, Line Width, and Style
The Chart can be wiped clean, saved, or
reloaded to a previous save when you are ready to finalize the
Also, dragging your cursor over the chart will display the Quote
at that point.
The following list includes some of the most common
activities you'll perform while working with the ChartNotes window:
Price and Indicator Levels
- Move your mouse over the chart. The date and value for the
cursor's current position will appear at the bottom of the chart. If your cursor moves
over a price bar/candlestick, the full quote for that time period will also appear. (See
Drawing a Trend Line
- Select the Trend Line Tool at the top of
(See Line, Horizontal,
or Vertical tool)
- Click and drag your mouse from the beginning to the end of
- To change the line position, click the yellow squares
("handles") at either end.
- To shift the line's position without changing the
angle, click on the center of the line.
a Parallel Line
- Insert the trend line.
- Switch to the Selection Tool.
- Hold down the CTRL key, and click the
center of the original line.
- Drag the new parallel line to the desired position on the
Using a Callout Box
|To create a callout box:
Select the Callout Tool.
- Move to the location within the chart near where you want
to insert the callout.
- Type your text into the box that appears.
- Hold down the CTRL key while pressing the
To resize the callout box:
Click on the
callout box, and drag the yellow handles until the desired size is shown.
To add callout pointers to the box:
the CTRL key.
- Click in the center of the box.
- Drag the mouse to the location at which the callout
pointer should end.
|To delete a
Move to the
toolbar, and click the Selection Tool.
- Click on the annotation you want to delete so the yellow
- Press the Delete key.
To delete all the annotations:
Click the button.
Regression (Raff) Channels
- Select the Raff Regression
- Click on the beginning of a trend and drag your mouse to
the end of the trend. The central line is the linear regression line. The upper and lower
Raff channel lines are placed equidistant from the center line and parallel to it.
- Select the Cycle Lines Tool.
- Click on a significant peak or trough on the chart. As you
drag your mouse to the next significant reversal, vertical lines appear at intervals equal
to the distance you have dragged your mouse.
- Select the Andrew's
- Click once at a the start of a significant price movement.
Click a second time wherever the first major reversal in the price movement happens.
Finally click wherever the primary trend resumed.
- Select the Fibonacci
- Click your mouse at the start of a significant price move
and drag it to the end of that price movement. "Fibo" lines will appear at key
levels between the two corners you specified. Prices often find support or resistance at
those levels after "retracing" part of the original move.
- Select the Arrow Tool.
- Click and hold on the chart where you want the arrow to
- Drag the pointer in the opposite direction from where you
want the arrow to point.
- Select the Box or Circle tool.
- Select the color that you want from the color palette.
- Hold down the Ctrl key on your keyboard.
- Click and drag on the chart to create the shaded area.
The Drawing Toolbar
is located along the top of
the ChartNotes window. It includes (from left to right) tools for modifying existing
objects, creating trendlines, creating horizontal and vertical lines, creating rectangles
and ovals, creating text and callout boxes, and creating arrows. Finally, there are five
specialized line studies that can be drawn - Fibonacci retracements, cycle lines, Andrew's
pitchforks, Linear Regression (Raff) channels, and Auto Support/Resistance lines. The
Drawing Toolbar contains a series of icons. When you press the icon, the corresponding
function can be performed.
- Allows you to select a specific annotation to which you
can then make modifications.
- Can be used to shift, stretch, or change the color of an
- Double clicking a text box or callout box with the
selection tool allows you to edit the text.
- Creates a line of any angle by clicking and dragging your
mouse from the beginning to the end of the line.
- Line will be drawn in the color that is selected.
|Horizontal Line Tool
- Creates a horizontal line that goes all the way across the
- Useful for marking support/resistance lines.
|Vertical Line Tool
- Creates a vertical line from the bottom of the chart to
- Useful for connecting indicators or volume levels to price
- Draws a box around a specific area within the chart.
- Useful for identifying important price movements .
- Draws a circle around a specific area within the chart.
- Useful for identifying important price movements.
- Opens a free-form text box into which you can enter text.
- Use this to make notes/comments or add titles to charts.
- Opens a free-form box into which you can enter text or
- More than one callout "pointers" can be inserted
into a chart.
- A great way to annotate specific movements or trends.
- Inserts an arrow at selected points in the chart.
- Can point up, down, left or right.
- Creates five lines that identify price levels and
- Identifies the beginning and end of a significant price
|Cycle Lines Tool
- Creates multiple vertical lines across the chart.
- Provide assistance in spotting cyclical price movements.
- Creates one line that splits into three in the form of a
- Identifies where prices should go as long as the primary
trend remains intact.
|Raff Regression Channel
- Creates three parallel lines along the price line.
- Identifies the highest high or lowest low value within a
specified date range.
|Auto Support-Resistance Tool
- Creates a horizontal line that is green when price is
above it, and red when price is below.
- Identifies where price is in relationship to the line,
showing how a support line can often turn into a resistance line and vice-versa.
- The Chart Sizing buttons lets you add more room for
commentary on either side of the chart.
- Hold Ctrl while clicking on them to
shrink instead of expand.
- Removes the last edit/annotation.
- Multiple undo's can be executed.
|Change Info Mode
- There are four different cursor choices for displaying
- Standard Cursor : Displays quote data at the bottom of the chart.
- Crosshairs : Turns the mouse pointer into crosshairs. As you move over a point,
the coordinates are shown below the chart.
- Data Popup : As you move the mouse pointer over a specific point, the details
for that point are shown in a popup box.
- Chart Magnifier : Turns the mouse pointer into a square that contains a magnified
|Color, Line Width, And Style Toolbars
While working with the drawing toolbar, you have the following
other additional options located along the left side of the ChartNotes page:
change the color of any line or box to one of 16 different colors. Simply click on the
desired color, and draw your object. Or, select an object you've already drawn, and then
click a color on the toolbar.
You can also change the
look of any line by selecting one of three line widths, or the dashed line option.
selecting a text or callout box, font style choices appear to make the text larger,
smaller, or bold.
Whether you want to start clean or save your chart, these tools
are here for when you have finished with your ChartNotes.
- Delete All: Restores the chart to its
original condition, erasing all annotations currently shown. When you click the
button, a confirmation window displays. WARNING: This process cannot be undone!
- Reload: Reloads the chart using the last
uploaded version (if any); e.g., if you have made a series of annotations that you are not
happy with, instead of deleting each item one-by-one, click this button to erase the
annotations and start with a "clean slate" (per se). Before your
annotations are removed, a confirmation window displays.
- Upload: Allows Extra! users to store their "masterpieces" on
StockCharts.com for later review and sharing with others. When uploading your file,
you specify a name, and whether or not it should be a static image or a live, annotated
Saving/Sharing Annotated Charts
Free and Basic users:
- Detach: Located in the bottom right, this
button allows you to resize the ChartNotes tool itself. This can be very useful after
using the Chart Sizing buttons.
You can save annotated charts to your own
hard disk by taking a "screenshot" (click here for
! users can save annotated charts in any
of their Favorites lists. You have the option to either save a "live" annotated
chart (one that updates over time) in one of your regular lists, or to save the chart as a
static image (a chart that does not
update over time) in your
Simply press the
button in the upper right corner of the ChartNotes window to store your annotations. You
will be prompted to select where you wish to save the chart.
If you are
annotating a chart you selected directly from one of your Favorites lists, the chart with
annotations is automatically saved back into the original list, and overwrites the