Editing ACP Charts

Configuring Your Charts

StockChartsACP charts are customizable, from the basics—chart type, period, and range—to adding complex combinations—overlays and indicators. This allows you to set up your StockChartsACP charts so they fit your trading style and technical analysis needs.

Chart settings can be changed from the Basic Chart Settings menu at the top of the screen and the Chart Design menu at the left.

Chart setting changes take effect immediately—you can instantly see the effect of any adjustments you make.

Note: Charts saved in your StockChartsACP ChartList will show as Saved. If you make any changes to a saved chart, the display will change to Not Saved. Be sure to save the chart when you make any changes. If you're working on a new chart, you'll see a green Save button above the chart.

A Note on Editing in Multi-Chart Layouts

If you're using a multi-chart layout, click on the chart you want to edit before changing any settings. Your selected chart will have a green border around the edge of the chart.


Type, Period, and Range

From the Basic Chart Settings menu at the top of the screen, you can change the chart's type, period, and range. See below for clickable demo.

  • Chart Types: We currently offer twelve chart types, including candlesticks and OHLC bars; more will be offered in the future.

  • Periods: Several intraday, daily, weekly, and monthly periods are available.

  • Range: The Range setting controls the amount of data that is visible on the chart (similar to the range options available on SharpCharts).

The period and range are tied together. If you choose a different period for your chart, then a “suitable” range will be chosen for the chart that is displayed, and vice versa. Once you've chosen the period you want, you can zoom in or out to adjust the range to meet your needs.

While the Range options available in the dropdown menu are similar to SharpCharts, the range in ACP is more of an initial configuration than a persistent setting. With SharpCharts, the size of the chart remains fairly fixed, but with ACP it is easy to change the chart's size by zooming, scrolling, or resizing the browser window. This resizing of the ACP chart will affect the number of bars (and therefore the range) that is displayed on the chart.

Note: Just like with SharpCharts, free users have access to fewer Range and Period options than StockCharts members have.


Adding Chart Attributes

The Chart Settings icon in the Chart Design menu on the left gives you access to a wealth of other chart settings. When you click on the icon, you'll see a Chart Attributes panel on the left of the chart. See below for a clickable demo.

  • Click on the symbol name or gear icon at the top.

  • From here you can change the chart scale, color scheme, legend, price and event labels, and much more.

  • For quick access to these settings, you can also click on the symbol name in the chart's legend.

The following settings can be changed on the Chart Attributes panel:

Chart Header. Choose between a Slim, Standard, or Full Quote header for your chart. For narrower charts, a Slim chart header will be displayed regardless of the setting chosen here.

Extra Bars (pixels). This slider allows you to add extra space to the right of the most recent bar on your chart.

Top Margin (pixels). This slider allows you to add or reduce the space at the top of your chart.

Bottom Margin (pixels). This slider allows you to add or reduce the space at the bottom of your chart.

Chart Color Scheme. The dropdown menu displays all the different color schemes you can select for your chart. More on color schemes below.

Grid Style: Choose between a Normal or Dense grid on the background of your chart, or turn the grid off entirely.

Legends: Choose between displaying Verbose, Default, or Minimal information in the chart's legend, or turn the legend Off entirely.

Date/Time Axis: Choose to have the date/time axis displayed either at the bottom of the chart (the default) or directly below the main price plot area.

Other Settings: In this section, you can specify whether to show or hide various elements on your chart:

  • Extended Hours: include extended hours (pre- and post-market) bars on the chart if they are available. Learn more about our Extended Hours Data in the Support Center.

  • Last Price Reference Line: draws a dashed line across the chart at the level of the latest price.

  • Price Labels: show price labels at significant points on the chart.

  • Y-Axis Labels: shows the current price on the Y-Axis at the right edge of the chart.

  • Hide Left Y-Axis: if the chart has an optional secondary Y-axis on the left side of the chart, it is shown by default; checking his box will hide that y-axis on the left. This setting can be useful if space is at a premium.

  • Fit Overlays to Screen: this setting ensures that all parts of the overlay are visible on the screen, and is useful for overlays like Bollinger Bands, which frequently extend well above or below the price bars; when unchecked, parts of the overlay may extend beyond the upper or lower edge of the chart.

  • Chart Type-Specific Settings: The options available in this section will depend on the type of chart you're modifying. For example, if you are configuring a candlestick chart, you can specify in this section whether the candles are hollow or filled, the colors to use for up and down candles, and the size of the gap between candles.

  • Events: Check these boxes to display Earnings Dates, Dividends, Splits, and/or Predefined Alerts on the chart. The “Position” dropdown menu in this section allows you to position those event markers at the top or the bottom of the chart, slightly above the price bars, or directly on the price bars.

  • Alerts: Check the “Display Price Alerts” checkbox to display a horizontal line indicator wherever you have a price alert set for the chart's symbol. You can also configure the color and style of this horizontal line.

Changes made on the Chart Attributes panel take effect immediately. You don't need to save the settings and refresh the chart to see the effect of your changes.

Candlestick Coloring

In StockChartsACP, you can customize candlesticks with different body, wick, and outline colors for up and down price movements. By default, the wick and outline colors will match the body colors and remain in sync until a custom color is selected, after which they will be controlled independently. To re-sync the wick and outline colors with the candlestick's body, click the Reset button within the color picker.

Using Color Schemes

You can apply many stylish color schemes to your StockChartsACP charts. The style collections are divided into three broad categories—dark, light, and specialty color schemes.

From the Chart Color Scheme dropdown menu, select any color scheme you want to use on your chart.

In the example above, the chosen color scheme is Carmine. The default StockChartsACP color scheme is Murphy.

Indicators and Overlays

As a StockCharts member, you can add up to 25 indicators and 25 overlays to each StockChartsACP chart.

Technical Indicators can be added to your chart on indicator panels above or below the main price plot area of the chart. Some examples of commonly used technical indicators include MACD, RSI, and Stochastics.

Technical Overlays are calculated using the same vertical scale as the price bars, so they are typically displayed on top of the main symbol's price bars. Examples of overlays include moving average lines, Bollinger Bands, and Pivot Point lines.

Note: Just like with SharpCharts, free users are limited to a maximum of 3 indicators and 3 overlays per chart.

The Chart Outline

Click on the Chart Settings icon on the left in the Chart Design menu. This opens a panel that shows the indicators and overlays applied to your chart. Indicators at the top are displayed above the main price chart, and indicators at the bottom are displayed below the price chart. Overlays on the main price chart are listed between the two dividers.

The example below shows the settings on a Micron Technology, Inc. (MU) chart. The RSI is displayed above the main price plot, two moving averages and volume are overlaid on the main price chart, and a MACD indicator is displayed below the main price chart.

Adding Indicators and Overlays to a Chart

In Chart Settings, below the Chart Outline, you'll find a searchable list of available indicators and overlays. To add a new indicator or overlay to your chart, scroll down the list, and when you see the indicator you're looking for, click on it to add it to your chart.

By default, indicators are added below the main price plot area, and overlays are overlaid on it. Both indicators and overlays can be repositioned after they are added to the chart.

When you add an indicator or overlay, a panel that allows you to change its settings will open.

Indicator Plug-Ins

In addition to the built-in indicators and overlays available for StockChartsACP, you can add even more via plug-ins. Many free and paid plug-ins are available for StockChartsACP, which install additional indicators and overlays for use on your StockChartsACP charts.

When you install an add-on indicator, it will be listed at the bottom of the indicator selection list in the Chart Settings panel.

Changing Indicator Settings

Available settings vary from one indicator/overlay to the next, but typically you will be able to specify the color of the various indicator components, as well as settings like the number of periods that will affect the sensitivity of the indicator.

There are a number of ways to access the settings for an indicator:

  • Mouse over the indicator on the Chart Settings panel and click the gears icon next to the indicator.

  • Click on the indicator name in the legend of the chart.

  • Of course, when you add a new indicator or overlay to your chart, the settings menu for that indicator will be launched automatically.

The panel that opens allows you to change all the indicator's settings. Changes to the settings take effect immediately. For example, you can use the slider bar to change the number of periods in an RSI and watch the chart adjust as the slider moves.

To restore the indicator's default settings, click the blue Reset button at the bottom of the panel.

To delete the indicator from your chart, click the red trash can icon at the bottom of the panel.

To close the panel, click the “X” icon at the top right or the grey Close button at the bottom.

Note: For some indicators, there will also be an orange Info button next to the Reset and Delete buttons at the bottom of the panel. Clicking this Info button will take you to a ChartSchool page where you can learn more about that indicator.

Color Picker

The color picker allows you to set the color and opacity of various indicator components. To do so, click on the paint icon next to the indicator component you want to change. This will launch the color picker.

A large circle on the left shows the selected color, and the color code is displayed below it.

There are three different ways to change the color of a chart component:

  • To choose a standard color, click on one of the standard color boxes at the bottom of the picker.

  • To choose a non-standard color, scroll back and forth on the rainbow slider bar to find the general color family you want to use. Fine-tune by clicking on the panel at the top of the color picker.

  • You can type the color code for the desired color in the box below the large circle. If you want to match the color of another chart component exactly, you can copy the color code from one chart component and paste it into the color code box of the chart component you want to update.

To change the opacity of the component, use the second slider bar. Sliding to the left makes the component more transparent and sliding to the right makes it more opaque.

To save a color/opacity combination for future use, click the Star icon on the right. This will save the current color/opacity combination at the bottom of the color picker (green and blue color/opacity combos have been saved in the example above). Up to 7 color/opacity combos can be saved. To use the color/opacity combo later, simply click on the box at the bottom of the color picker to select it.

Once you've set the color and opacity, click on the panel outside of the color picker to close it.

Positioning Indicators and Overlays

Indicator panels can be moved above or below the chart or even added to the main price plot or another indicator panel as an overlay.

To move an indicator/overlay, click and drag on the indicator/overlay name in the legend. As you drag, the indicator will separate from the chart.

As you drag the panel around the chart, a bright yellow line will show you where the indicator will be positioned when you let go of the mouse. If the yellow line is a horizontal line above the price plot, the panel will be positioned above the price plot. If it's a horizontal line below the lower indicator panel, the panel you're moving will be positioned below the lower indicator panel.

If the yellow line forms a box around one of the panels (either the main price plot or one of the indicator panels), then the indicator/overlay you're moving will be added to that panel as an overlay.

Indicators and overlays can be similarly re-positioned from the Chart Outline. Simply click the “equals sign” icon next to the indicator name in the outline and drag the indicator to the desired position in the outline. The yellow line will show where the indicator/overlay you're moving will be placed. If an entire panel is highlighted yellow, then the indicator/overlay will be added to that panel as an overlay.

You can also change the order of the overlays listed in the legend. To do this, mouse over an overlay in the Chart Outline, then click the up/down arrows next to it to move it.

Resizing Indicator Panels

To change the height of an indicator panel, place your mouse between the panel and the one above or below it. When your cursor changes to an up/down arrow, click and drag up or down to change the height of the panels.

Removing Indicators and Overlays

There are two ways to remove indicators and overlays from a chart.

1. Click the red trash can icon at the bottom of the indicator settings panel.

2. In the Chart Outline on the main Chart Settings panel, mouse over the indicator/overlay you want to delete and click the trash can icon.

Be Aware. Both methods will delete the indicator/overlay immediately; it will not ask you to confirm that you want to delete it. Use this feature with caution.

Creating Overlays of Indicators

Overlays are typically calculated from price data and displayed above the main symbol's price bars. Overlays (and some indicators) can also be calculated from the data of another indicator and displayed on top of that indicator panel.

To add an overlay to an indicator, open the indicator settings panel. In the Add Overlays section, choose the overlay you want to add. In the example below, we have added Bollinger Bands to the RSI indicator.

Click the gears icon next to the overlay to modify the default settings for the overlay.

Once the overlay has been added, it will appear in the Chart Outline in the same section as the indicator it overlays. In the example below, the Bollinger Bands overlay appears in the RSI section of the Chart Outline, and you can see that a Bollinger Bands overlay has been added to the RSI.

This process is the quickest and simplest way to add overlays to indicators. However, in some situations, you may want or need to add the overlay manually.

To do this, add the overlay panel and then reposition it on the indicator panel by dragging it above the panel's values.

Using Chart Templates

While StockChartsACP's extensive chart settings give you a lot of control over your charts' appearance and functionality, configuring all those settings can take a long time.

If you repeatedly configure the same chart settings, Chart Templates can dramatically speed up your chart creation process. Save all those settings in a Chart Template, and then apply the style to new charts with the click of a button.

Last updated