> ## Documentation Index
> Fetch the complete documentation index at: https://takeprofit.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Chart Settings
To customize your chart appearance and behavior, open **Chart Settings** from the widget menu.\
Click the **three dots** in the top-right corner of the chart and select **Settings**.
Once opened, the settings panel contains **six expandable categories**:
### 1. Style
Choose how price data is displayed on the chart: **Candles**, **Line**, **Bars**, **TPO**, or **Volume Footprint**. See [Chart Types](https://takeprofit.com/docs/guide/platform/chart-widget/Chart-types) for what each one shows, and the pages on [TPO](https://takeprofit.com/docs/guide/platform/chart-widget/chart-types/TPO-charts.md) and [Volume Footprint](https://takeprofit.com/docs/guide/platform/chart-widget/chart-types/Volume-Footprint.md) for how to configure them.
You can customize colors for key chart elements:
* **Candle body**
* **Candle border**
* **Candle wick**
* **Last visible price** — highlights the price of the most recent bar currently visible within the chart viewport
* **Last price** — displays the real-time market price, independent of the visible range
* **Volume bars**
Each color setting includes a **visibility toggle**, allowing you to show or hide specific elements of the chart.
**Color Customization**
All color settings use an advanced **color picker** that allows you to precisely configure visual styles.
Available options include:
* Selecting colors from a **preset palette**
* Choosing any color using the **gradient picker**
* Adjusting hue using the **color spectrum slider**
* Entering a **HEX color value manually**
* Saving frequently used colors using the **Add button**
This allows you to match chart colors with your workspace theme, templates, or preferred visual style.
### 2. Canvas
Configure the visual layout of your chart background, grid, and chart spacing.
Options include:
* **Background** and **Text color** adjustments
* **Grid** styles with visibility control
* **Crosshair** customization, including line style selection (**solid**, **dashed**, or **dotted**) for more precise data reading
* **Margins** controls to adjust the chart spacing:
* **Right margin** — adds space between the latest price bars and the price scale
* **Top margin** — adjusts the empty space above the visible price range
* **Bottom margin** — adjusts the empty space below the visible price range
Use margins to keep price action visually centered, create more room for drawings or labels, and avoid chart elements being too close to the widget edges.
### 3. Security Label
Manage the header display above your chart.\
You can toggle:
* **Symbol information** — logo, full name, exchange, and market status
* **Status values** — bar change data, OHLC values, and volume value
### 4. Scales
Control how price and time data are represented.
* **Scale type:** choose between *Regular*, *Logarithmic*, *Percent*, or *Index to 100*
* **Price labels:** show the last price label or overlapping labels
* Enable **Extended Hours** view to see afterhours trading data
* Adjust the **Timezone** display mode
### 5. Alerts
Manage visibility for chart alerts.\
Toggle **Alert lines**, **Inactive alerts**, and **Ticker labels** to control how alert data appears on the chart.
At the bottom of the panel, you can:
* Click **Use as default** to apply your preferences globally
* Click **Reset Settings** to restore defaults
### 6. Templates
Chart templates allow you to save the current chart configuration and reuse it across layouts.\
Templates include visual settings, grid and crosshair styles, and general chart appearance, making it easy to maintain a consistent setup or quickly switch between preferred configurations.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.