# Overlay Gap Boxes

**URL:** <https://community.tradovate.com/t/overlay-gap-boxes/11378>\
**Category:** Custom Drawings\
**Created:** [February 27, 2025, 4:37am UTC](https://community.tradovate.com/t/overlay-gap-boxes/11378 "2025-02-27T04:37:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![pyjamas-muster](https://avatars.discourse-cdn.com/v4/letter/p/e47774/32.png) [@pyjamas-muster](https://community.tradovate.com/u/pyjamas-muster)\
**Post date:** [February 27, 2025, 4:37am UTC](https://community.tradovate.com/t/overlay-gap-boxes/11378/1 "2025-02-27T04:37:56Z")

</div>

Hello,

I’d please like assistance with coding a custom javascript indicator. I have coded other indicators based on tutorials, videos, and community indicators - but this one I can’t seem to get to work.

I use candlestick-bar charts. This indicator will overlay the candlestick-bar charts. Here are the specifications:

1. This indicator will highlight gaps by overlaying semi-translucent rectangle shapes on top of candlestick-bars. There are two kinds of gaps, a bear-gap and a bull-gap:

1A. A bear-gap occurs when a candlestick-bar’s high does not overlap with the low of the candlestick-bar before last.

1B. A bull-gap occurs when a candlestick-bar’s low does not overlap with the high of the candlestick-bar before last.

1. The semi-translucent rectangle shapes should have the following properties:

2A. height should be the height of the gap (as described in 1 above)

2B. width should of the equal the width of two candlestick-bars

2C. opacity should be 50 percent

2D. color should be red for a bear-gap and blue for a bull-gap

Please find a mockup below.

Thank you for your assistance.

 ![gaps](https://us1.discourse-cdn.com/flex015/uploads/tradingforum/original/2X/b/ba707c4e547c3e53d70b213390243c2d9792fa9b.png)

---

<div class="post-metadata">

**Author:** ![anselmeoga](https://sea1.discourse-cdn.com/flex015/user_avatar/community.tradovate.com/anselmeoga/32/2826_2.png) [@anselmeoga](https://community.tradovate.com/u/anselmeoga)\
**Post date:** [February 28, 2025, 1:15pm UTC](https://community.tradovate.com/t/overlay-gap-boxes/11378/2 "2025-02-28T13:15:37Z")

</div>

I’m software engineer and tradovate indicator/strategies developer. Contact me at [obacommunication@gmail.com](mailto:obacommunication@gmail.com)

---

<div class="post-metadata">

**Author:** ![Frik](https://sea1.discourse-cdn.com/flex015/user_avatar/community.tradovate.com/frik/32/2627_2.png) [@Frik](https://community.tradovate.com/u/Frik)\
**Post date:** [March 1, 2025, 9:28am UTC](https://community.tradovate.com/t/overlay-gap-boxes/11378/3 "2025-03-01T09:28:14Z")

</div>

I know that it is completely unrelated… but have you looked at Renko charts?

---

<div class="post-metadata">

**Author:** ![Tim\_Fain](https://avatars.discourse-cdn.com/v4/letter/t/c6cbf5/32.png) [@Tim\_Fain](https://community.tradovate.com/u/Tim_Fain)\
**Post date:** [March 3, 2025, 10:34am UTC](https://community.tradovate.com/t/overlay-gap-boxes/11378/4 "2025-03-03T10:34:40Z")

</div>

is not this the FVG? I am developer and you can drop me an email on [timmfain@gmail.com](mailto:timmfain@gmail.com)
