# Viewing ACP Charts

## Anatomy of a StockChartsACP Chart <a href="#anatomy_of_a_stockchartsacp_chart" id="anatomy_of_a_stockchartsacp_chart"></a>

All StockChartsACP charts have several common visual elements regardless of their settings. These common elements include:

1. The Main Ticker Symbol
2. The Chart Header Area
3. The Price Plot Area
4. The Horizontal Time Axis
5. The Primary Vertical Axis
6. (Optional) A Secondary Vertical Axis
7. (Optional) One or more Technical Overlays
8. (Optional) One or more Technical Indicator Panels

The diagram below shows each of these features on a typical StockChartsACP chart:

<figure><img src="https://2414490151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELJo6JImRKx7nLaFjAPl%2Fuploads%2Fw0UQy0XYfWg1uVM8gpcL%2Facpchartparts.png?alt=media&#x26;token=b480436e-9366-4c0a-bf13-99bbf080fdb2" alt="StockChartsACP chart window" width="563"><figcaption><p>The StockChartsACP chart window</p></figcaption></figure>

The information displayed in the Chart Header varies depending on the chart configuration but, at a minimum (with the “Slim” chart header configuration), it includes:

* Ticker symbol of the dataset displayed in the Price Plot area
* Date and time of the latest data point (using the time zone of the exchange)
* Closing value of the latest data point
* Change in price since the previous close (see our [Percent Change FAQ](https://help.stockcharts.com/learning-more/frequently-asked-questions-faqs#how-is-percent-change-calculated) for more information)

The Standard and Full Quote chart header settings show more detailed information about the symbol. Note that if the chart is very narrow, the Slim header will be shown, regardless of the Chart Header setting chosen.

***

## Chart Viewing Features in StockChartsACP

There are several platform features available to customize your chart-viewing experience on StockChartsACP. These features allow you to move around the chart, resize all or part of the chart, and refresh or view data on the chart.

### Moving Around the Chart

#### Scrolling and Chart Control Buttons <a href="#scrolling_and_chart_control_buttons" id="scrolling_and_chart_control_buttons"></a>

To move backward or forward inside the chart, click and hold the left mouse button while dragging the chart to left or right.

When you mouse over the bottom of the chart panel, you'll see three buttons (the Chart Control buttons) that allow you to move backward and forward on the chart. Use the left and right arrow buttons to scroll forward or backward one bar at a time. Clicking the icon with an arrow and a line will take you back to today's date.

<figure><img src="https://2414490151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELJo6JImRKx7nLaFjAPl%2Fuploads%2Fvys1lgGUREAUSjNY68dz%2Facpchartcontrols.png?alt=media&#x26;token=dc91dc69-95ba-4e85-9ac4-c984092481ca" alt="" width="170"><figcaption><p>Scrolling chart buttons in StockChartsACP</p></figcaption></figure>

{% hint style="warning" %}
**Note:** The left and right arrow keys on your keyboard can also be used to scroll forward or backward one bar at a time.
{% endhint %}

#### Zooming In/Out <a href="#zooming_in_out" id="zooming_in_out"></a>

To zoom in on the chart for a more close-up view, use the scroll wheel of your mouse or the standard scrolling gestures on your trackpad/touchscreen. This removes bars from the left side of the chart, allowing the remaining bars to be larger. Scroll in the opposite direction to zoom back out again.

{% hint style="warning" %}
**Note:** If Fit-to-Window mode is disabled on your chart, you will need to press and hold the Ctrl key while scrolling to zoom in or out.
{% endhint %}

### Changing the Chart Size

#### Fit-to-Window Mode <a href="#fit-to-window_mode" id="fit-to-window_mode"></a>

Fit-to-Window mode ensures that your entire chart is visible on the screen at one time without scrolling. When this mode is disabled, the height of your chart can extend beyond the browser window to give your indicators more vertical space; you can scroll to move the chart up or down in the browser window.

By default, Fit-to-Window mode is enabled. Click the Fit-to-Window icon (two arrows pointing to each other) in the Platform Settings menu at the top of the screen to disable or enable this mode.

<figure><img src="https://2414490151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELJo6JImRKx7nLaFjAPl%2Fuploads%2Fi6JKz54CIqBtpzFaoJqk%2Facpfittowindow-n.png?alt=media&#x26;token=d72fb74f-d30c-40fc-bfe2-98bb8344b253" alt="Using fit to window mode in StockChartsACP" width="323"><figcaption><p>Fit-to-window mode in StockChartsACP</p></figcaption></figure>

#### Fullscreen Mode <a href="#fullscreen_mode" id="fullscreen_mode"></a>

When you click the Fullscreen Mode icon in the Platform Settings menu at the top of the screen, the StockChartsACP screen will expand to take up the entire screen. Click the icon again to return to the previous browser window size.

<figure><img src="https://2414490151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELJo6JImRKx7nLaFjAPl%2Fuploads%2FJQAbf9Eu0DEJWCDYauLz%2Facpfullscreenmode-n.png?alt=media&#x26;token=79693a12-96fd-40ca-95c9-99a35890fb8a" alt="Viewing charts in full screen mode in StockChartsACP" width="340"><figcaption><p>Fullscreen mode in StockChartsACP</p></figcaption></figure>

#### Enlarging a Chart in a Multi-Chart Layout <a href="#enlarging_a_chart_in_a_multi-chart_layout" id="enlarging_a_chart_in_a_multi-chart_layout"></a>

When you have multiple charts in your layout, you can expand one of the charts to cover the entire layout area, in order to see that chart in more detail. Mouse over the chart you want to enlarge and click the Maximize button (the one with two arrows pointing in opposite directions) next to the Chart Control Buttons at the bottom of the chart.

<figure><img src="https://2414490151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELJo6JImRKx7nLaFjAPl%2Fuploads%2Fi3W8c2W4Z4yBTq4EIhy0%2Facpmaximize.png?alt=media&#x26;token=7ad71507-bbff-4118-9737-b1b677851b2b" alt="How to enlarge a chart in multi-chart layout in StockChartsACP" width="463"><figcaption><p>Enlarging charts in multi-chart layout</p></figcaption></figure>

To reduce the chart back down to its normal size in the layout, mouse over the chart again to display the Chart Control Buttons, and click the Shrink button (the one with two arrows pointing towards each other).

### Working with Chart Data

#### Auto-Refresh <a href="#auto-refresh" id="auto-refresh"></a>

Charts are automatically refreshed during market hours. Charts for logged-in members can refresh every 5 seconds; non-members' charts can refresh every 10 seconds.

{% hint style="warning" %}
**Note:** Viewing a large number of charts simultaneously may slow down the refresh rate slightly.
{% endhint %}

#### Toggle Measurement Tool <a href="#toggle_measurement_tool" id="toggle_measurement_tool"></a>

When you turn on the “measurement mode” in ACP (the icon is blue when it's turned on) you can measure price changes, percentage gains/losses, bar counts, and indicator moves.

<div data-full-width="true"><figure><img src="https://2414490151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELJo6JImRKx7nLaFjAPl%2Fuploads%2FcGwxg1bHhSwnqHA72L6g%2Facpmeasurementtool.png?alt=media&#x26;token=20c43f38-65c8-4417-8cc3-2aac6d806676" alt="Measuring price changes, percentage gains/losses, bar counts, and indicator moves in StockChartsACP"><figcaption><p>Use the toggle measurement tool in StockChartsACP to measure price changes, percentage gains/losses, bar counts, and indicator moves.</p></figcaption></figure></div>

It helps to have the crosshairs mode turned on when using the measurement tool. Click on the price bar you want to start measuring from and hover over the price bar you want to measure to. The price change, percentage gain/loss, and bar counts will be displayed at the top of the chart. You can also apply the measurement tool to any indicators displayed on the chart.

#### Crosshairs Mode <a href="#crosshairs_mode" id="crosshairs_mode"></a>

Similar to SharpCharts Inspector, the crosshairs functionality lets you see price and indicator values for each bar on the chart.

* Click the target icon in the Platform Settings menu at the top of the screen to turn on crosshairs mode.
* Then mouse over the date you wish to analyze.
* As you mouse over different dates, the OHLC values at the top of the screen will change, as will the overlay and indicator values in the chart legend.

<div data-full-width="true"><figure><img src="https://2414490151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELJo6JImRKx7nLaFjAPl%2Fuploads%2FjAyCVSg5KPyIOd2nOGA9%2Facpcrosshairs-n.png?alt=media&#x26;token=025ce54b-e8bd-4a67-9930-51c25b0c351d" alt="How to apply crosshairs in price charts using StockChartsACP"><figcaption><p>Using crosshairs in StockChartsACP</p></figcaption></figure></div>

Want to revert back to today's price and indicator values in the legend? Click the target icon again to turn off Crosshairs Mode.