> For the complete documentation index, see [llms.txt](https://trader-docs.b2trader.b2broker.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://trader-docs.b2trader.b2broker.com/widgets/price-chart.md).

# Price chart

## Summary

This widget displays a price chart showing fluctuation of prices for a selected market over a certain time period.

<figure><img src="/files/SzZlt8CsF0FF2SrSwQMk" alt="Price chart"><figcaption><p>Price chart</p></figcaption></figure>

The horizontal axis (X-axis) represents the time scale, and the vertical axis (Y-axis) indicates the price level.

## Settings

### Select a market

The current market is displayed in the widget header.

To change the market, click the market symbol and select a different one from the list.

### Customization

Multiple customization options are provided, allowing you to configure the chart according to your preferences. You can switch between bar, candle, Heikin Ashi, line, area and baseline views, as well as specify the time period for which data should be displayed.

The chart supports numerous financial indicators, such as moving averages and regressions, and can feature a variety of custom shapes, including arrows and lines, pitchforks, and various ranges, allowing you to perform an in-depth market analysis.

### Display options

The widget supports displaying of open positions, price triggers, open and executed orders.

Click the **gear icon** in the topbar and access [Price chart settings](/get-started/settings.md#price-chart) to enable desired options.

## Placing orders

### Enable placing orders

To enable placing orders directly from the Price chart, you need to activate the corresponding settings:

1. Click the **gear icon** in the topbar and access [Price chart settings](/get-started/settings.md#price-chart).
2. Activate the **Market quick trade panel** or **Limit quick trade panel** toggle, or both.
3. If needed, adjust the amount presets. These amounts will be available for quick selection when placing an order.

### Market quick trade panel

If the corresponding setting is activated, the draggable **Market quick trade panel** is constantly displayed on the Price chart.

### Limit quick trade panel

If the corresponding setting is activated, the **+** will appear when hovering over price levels on the chart. Clicking it will open the **Limit quick trade panel**:

* in the upper half of the chart — to sell;
* in the lower half of the chart — to buy.

### Place a new order

To place a new Market or Limit order from the Price chart, when a corresponding panel is displayed:

1. Select the **amount** from configured presets.
2. Select a **leverage** ratio, if trading on CFD or PF markets.
3. Click **Buy** or **Sell**.

The order will be placed according to the selected type.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://trader-docs.b2trader.b2broker.com/widgets/price-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.