Appearance

Personalize your experience

Mode
Accent Color
Direction
Rectangle

Rectangle

Geometric shape

A rectangular box drawn on the chart to mark a specific price zone, highlight a consolidation range, or frame a chart pattern. Defined by two diagonal corner points with customizable fill and border styling.

Overview

The Rectangle tool draws a geometric rectangle defined by two diagonal corner — the top-left and bottom- (or bottom-left and top-right). It is one of the most versatile annotation tools on a chart, used to highlight support and resistance boxes, consolidation , and pattern boundaries across any market and timeframe.

Unlike channel tools that derive direction from price action automatically, the Rectangle is fully manual: you choose both the and vertical bounds independently. This makes it ideal for marking arbitrary and framing areas of interest for later reference — whether that is a weekly support level, an intraday consolidation zone, or a multi-month trading range covering thousands of bars.

The tool supports custom border styling (colour, , dash pattern), fill and an optional corner radius. Both corners are stored as a price and a time rather than as pixels, so the rectangle stays pinned to the same bars when you zoom, or switch timeframe.

One behaviour is worth knowing before you rely on it: the interior only absorbs clicks while the fill is on. An unfilled rectangle can be clicked straight through, so the candles and inside it stay selectable — which is what you want from a rectangle drawn purely as a frame. Turning the fill on makes the whole face a click target, because at that there is something there to click.

Rectangles are purely annotative — they do not generate alerts or automatically detect breakouts. However, they serve as an essential framework for analysis, helping traders and analysts communicate ideas clearly on shared charts and build structured trade plans around defined .

Anatomy

TLBRprice zoneHW
A rectangle anchored by two diagonal corners with width and height clearly marked.
Rectangle Rotated / Double Curve Ellipse / Polyline Triangle Arc Price action
Top-left corner (P1)
First placed; sets the upper boundary of the rectangle at a specific price-time coordinate.
Bottom-right corner (P2)
Second placed; sets the lower boundary and completes the .
Width (time span)
The distance between P1 and P2, representing the time or bar range covered.
Height (price span)
The distance between P1 and P2, representing the .
Fill region
Optional translucent fill between the boundaries, with configurable colour and .
Perimeter border
Stroke colour, and dash pattern around the full perimeter.
Compound corners
The other two corners are draggable too, but they are not stored anchors — each takes its x from one stored corner and its y from the other.
Corner radius
Optional rounding, applied to the outline itself so stroke, fill and hit test all agree.

How to draw

  1. 1
    Select the Rectangle tool
    Click the Rectangle in the shapes toolbar or select it from the tools menu. The changes to a indicating the tool is active.
  2. 2
    Click one corner
    Place the first at one corner of the zone you want to . It is pinned to a price and a time, so it travels with the bars.
  3. 3
    Click the opposite corner
    Place the second diagonally opposite. Either diagonal works — the box is normalised, so you can draw -to-left or bottom-to-top.
  4. 4
    Adjust after placement
    any of the four corners to resize, or drag the body to move the whole without changing its dimensions.
  5. 5
    Style it
    Click the rectangle to open its popup for colour, thickness, line style, fill and corner radius.
★
Pro tip:A corner radius of 8–12px is enough to soften the without it reading as a different tool. Rounded corners help when several rectangles overlap, because the curves make the boundaries easier to follow than a pile of coincident angles.

Configuration

Line colour
Stroke colour of the perimeter. Pick something that contrasts with the chart .
Line thickness
1–8px. Thicker strokes (3–5px) read better on charts that will be presented or printed.
Line style
Solid, dashed or dotted. Dashed suits a tentative zone that has not been confirmed yet.
Fill
On by default. Also decides whether the interior is clickable — see the under .
Fill colour
Interior colour. Usually the same hue as the stroke.
Fill opacity
5–100%, in steps of 5. to 12%, which keeps the bars underneath readable.
Corner radius
0–40px, in steps of 2. 0 reads as "Square". The radius applies to the stroke, the fill and the hit test together, so a rounded rectangle is genuinely rounded rather than a square box with rounded paint.
Mark the control points
Shows a dot at each corner handle. Useful while adjusting, noise afterwards.

Use Cases / Application

  • Support and resistance — draw a rectangle around a prior consolidation area to highlight where price has previously reversed or stalled. The top edge marks resistance; the bottom edge marks support. Price often remembers these on subsequent touches, making them actionable for re-entry or breakout .
  • Consolidation ranges — sideways trading bands and range-bound markets precisely. The rectangle top and bottom define the bounds for a range-trading : buy at the bottom, sell at the top, with a stop-loss placed just beyond the rectangle. The also gives a time estimate for how long the range might persist.
  • framing — frame flags, pennants, wedges, and rectangle patterns visually. A rectangle drawn around a flag pole and flag helps project targets: the expected breakout move equals the height of the pole measured from the breakout level.
  • Entry and exit — define specific price and time windows for planned during analysis. For example, the buy zone between 1.2000 and 1.2050 during the London . Price entering the zone triggers the .
  • Earnings and news brackets — draw a rectangle around the bars surrounding a known event (earnings release, FOMC , NFP ) to visually isolate the immediate and the subsequent for analysis.
  • context — overlay a rectangle from a higher timeframe (e.g. monthly range) on a lower-timeframe chart (e.g. 1-hour) to keep the big- support and resistance context visible while analyzing intraday price action.
  • Volatility visualization — draw rectangles around periods of high and low volatility to range sizes. The height of the rectangle provides an at-a-glance comparison of volatility expansion and contraction across different market phases.

Working with fills

The rectangle fill is one of its most powerful features. By setting a semi-transparent fill (10–25% ), you create a zone that draws the eye without obscuring the price action underneath. This is particularly useful for highlighting support and resistance where you want to see how price behaves within the area.

For best , use a fill color that complements your chart . On dark themes, blue or purple work well. On light themes, lighter shades of green or orange are effective. The fill should be noticeable but not dominant — a subtle tint that creates a distinction without overpowering the candlesticks.

★
Pro tip:When using multiple rectangles on the same chart, vary the fill to indicate . Use higher opacity (25–30%) for primary and lower opacity (10–15%) for secondary areas. This creates a hierarchy that communicates importance at a glance.

Best Practices

★
Pro tip:Use a low- fill (10–20%) so price bars behind the rectangle remain readable while still making the zone visually distinct. Higher can obscure price action within the zone.
★
Pro tip:When measuring pattern breakouts, draw the rectangle before the breakout occurs. A rectangle drawn reactively after a breakout can introduce hind-sight bias into your analysis and reduce its .
ℹ
Note:Turn the fill off when the rectangle is a frame around things you still need to click. An unfilled rectangle only responds along its outline, so everything inside stays reachable. With the fill on, the whole face becomes a click target.
★
Pro tip:For rectangles spanning price ranges, use a muted fill colour at low (8–12%) so the does not dominate the hierarchy of the chart.
ℹ
Note:Rectangles on very short timeframes (1-minute to 5-minute) should be drawn with thinner borders (1–2px) and lower to avoid cluttering the chart. On higher timeframes, thicker borders (3–4px) are more visible and appropriate.

Common Mistakes

!
Caution:Rectangles that extend too far into the can visually dominate the chart and imply a prediction that price will stay within the box. Keep the span tight to the relevant price action.
!
Caution:Rectangles are annotation tools, not triggers. For automated alerts when price enters a zone, pair the rectangle with a and set a price alert on your platform.
!
Caution:A common error is the rectangle corners at candle bodies rather than extremes. Always include the full wicks in your rectangle bounds to capture the complete price excursion — measuring from body to body understates the true trading range.
!
Caution:Using too many rectangles on a single chart creates clutter that reduces the effectiveness of each individual zone. Limit yourself to 3–5 rectangles per chart view for maximum clarity.
!
Caution:A corner radius on a small rectangle collapses the straight edges into a pill, and the top and bottom then no longer read as levels. If the edges are the analysis, keep the radius low or at zero.

Comparison with related tools

The Rectangle is often compared with the Date+ measurement tool. While both produce rectangular shapes on the chart, their primary purposes differ:

Rectangle (annotation)
Primarily — highlights a zone with fill color and border. Measurement labels are optional and secondary.
Date+Price Range (measurement)
Primarily quantitative — displays precise time and price difference. The fill is secondary to the measurement readouts.
Rotated Rectangle
A variant of the Rectangle that supports placement for sloped , trend channels, and wedge patterns.

References

Related articles

  • Ellipse

    Charts / Drawing Tools / Shapes

    An oval or circular shape on the chart for highlighting rounded price action, harmonic zones, and round-number areas. Defined by a center point and radial…

  • Rotated Rectangle

    Charts / Drawing Tools / Shapes

    A rectangle drawn at an arbitrary angle, useful for marking sloped zones, trend channels, and angled price patterns. The first two clicks define the…

  • Star

    Charts / Drawing Tools / Shapes

    A star inscribed in a two-click box, with configurable spike count and depth. The mark for the one thing on the chart that matters most.

  • Arc

    Charts / Drawing Tools / Shapes

    A curved arc spanning the chart, used to highlight parabolic moves, rounded reversals, and semi-circular price paths. Defined by three points: start,…

  • Block Arrow

    Charts / Drawing Tools / Shapes

    A solid, filled arrow placed with three clicks: tail, tip, then a point setting the shaft width. Built for charts that are circulated or presented rather…

  • Brace

    Charts / Drawing Tools / Shapes

    A curly brace spanning a run of bars, placed with three clicks: the two ends of the span and a point setting how far it bulges. Says 'all of this, together'…

  • Cross Mark

    Charts / Drawing Tools / Shapes

    Two diagonals spanning a two-click box. Crosses out an invalidated idea while leaving the analysis that produced it visible underneath.

  • Curve

    Charts / Drawing Tools / Shapes

    A smooth Bezier curve drawn through anchor points, used for fitting curved trend lines and parabolic paths. Two control handles per segment allow for…

  • Diamond

    Charts / Drawing Tools / Shapes

    A rhombus inscribed in a two-click box. The flowchart glyph for a decision, used on a chart to mark the bar where a plan branches.

Browse all knowledge base articles →