Skip to main content
On this page

How to Remove Grid Lines in TradingView and Save Your Layout

· 5 min read
Pineify Team
Pine Script and AI trading workflow research team

To remove the background grid in TradingView Supercharts, open chart settings, select Canvas and set Grid lines to None. If vertical lines remain, identify whether they are session breaks or drawings before changing more settings.

TradingView remove grid lines: the complete, easy guide

How to Remove Grid Lines Step by Step​

On web or desktop, open the chart settings dialog from the chart toolbar. In Canvas, find the grid options under the basic chart styles and select None. Confirm the change and inspect the chart background. TradingView's Supercharts settings guide documents separate horizontal, vertical, combined and no-grid choices, plus color and opacity settings.

On mobile, open the chart's settings and look for the grid controls. Menu placement and labels can differ by app version; this guide does not claim a verified tap-by-tap path for every release. If the control is not visible, check the current app help or edit the same saved layout on web, then reopen it on mobile and verify the result.

Grid Lines, Session Breaks and Other Lines​

What you seeHow to identify itWhere to investigate
Background gridRepeated horizontal and vertical guidesCanvas grid settings
Session breaksVertical dividers at session boundariesEvents or time-scale context menu
CrosshairLines move with the cursorCanvas crosshair settings
A drawing or indicator plotA selected object or named indicator controls itDrawing settings or indicator visibility

For session dividers, TradingView specifically documents Session breaks in Events, or the menu opened by right-clicking the time scale. Turning off the grid does not remove these dividers. See TradingView's session-break instructions.

Before deleting a drawing or indicator, hide it temporarily to confirm that it produces the line. This avoids losing chart work while diagnosing a display setting.

Save Your Clean Layout​

Use the layout's Save command, or confirm that autosave is enabled. TradingView's layout guide documents saving from the layout menu and the Ctrl+S or Cmd+S shortcut.

Reopen the same named layout to verify persistence. In a multi-chart layout, inspect each pane: chart settings can differ. TradingView's layout interaction guide describes Apply to all for applying chart settings within a layout. That does not make every separately saved layout identical.

Troubleshooting​

Lines remain after selecting None. Move the cursor away, hide drawings temporarily and check session breaks. Change one setting at a time so the result identifies the cause.

The grid returns later. Verify the layout name and signed-in account, then save and reopen that layout. Opening a different saved layout is not a test of whether the first one saved correctly.

Only one pane changed. Select another pane and inspect its settings, or apply the intended settings across the current layout. Check the other changes included before applying all settings.

The screen differs from this guide. Record the platform and app version, then use the current settings labels. An older screenshot using “Appearance” should not override the current Canvas documentation.

A Subtle Grid Instead of No Grid​

If the empty background makes comparison harder, keep one grid direction and reduce its contrast. Test it at the zoom level and display size you normally use. This is a visual preference; hiding grid lines does not change the underlying prices or prove that a trading method improves.

For developers building a separate chart with Lightweight Charts, the grid is configured through its JavaScript options. This code is not a Pine Script command and cannot be pasted into the Supercharts Pine Editor. The library documents the horizontal and vertical options in GridOptions.

// Example: Hiding grid lines in Lightweight Charts
const chartOptions = {
grid: {
vertLines: { visible: false },
horzLines: { visible: false }
}
};

Apply those options when creating or updating your own chart instance. For a regular TradingView chart, use the settings dialog described above.

Pineify Website

Frequently Asked Questions​

Where is the grid setting in TradingView?

In the current Supercharts documentation, it is under Canvas in chart settings. Select None to hide both grid directions.

Why are vertical lines still visible?

They may be session breaks, drawings, a crosshair or indicator plots. Identify the source before removing it.

How do I keep the grid hidden?

Save the layout, reopen the same layout and inspect the result. Check individual panes when using more than one chart.

Can Pine Script remove the chart grid?

Use Supercharts settings for the chart background grid. The JavaScript example here belongs to the separate Lightweight Charts library.