Skip to main content

Improve Price Scale Tick Readability

The current Price Scale displays price levels at evenly distributed intervals, but the generated values are often non-round numbers.

For example:

Current:

101.37
100.92
100.47
100.02
 99.57
 99.12

Although the spacing between each price level is consistent, the values are difficult to scan, remember, and interpret quickly.

For a trading chart, users typically benefit from human-friendly price levels that align with recognizable numbers.

Expected UX

The Price Scale should dynamically adjust its tick interval based on the current zoom level and visible price range, while prioritizing round and meaningful price values.

For example:

Expected:

102.00
101.50
101.00
100.50
100.00
 99.50
 99.00

When zooming in, the interval should automatically become more granular:

Zoomed out:
100
90
80
70
60

↓ Zoom in
10.0
9.5
9.0
8.5
8.0

↓ Zoom in further
1.00
0.90
0.80
0.70
0.60

The goal is not simply to maintain equal visual spacing between labels, but to ensure that the displayed price values are easy to read, recognize, and mentally calculate.

3 comments

Comments3

  • Andriy Cherniyenko

    Team•

    Sep 26

    Hello @Đức . As far as I know, FTO app should prioritize showing round numbers at the right part of the chart, that’s how it should work.

    In addition, please note that there is a built-in “Round numbers“ indicator which you can add on a chart to show round numbers.

    Can you please send a screenshot(s) where non-round numbers are seen on a chart?

    • Đức

      •

      Sep 26

      Currently, mine looks like this

      I mean the price intervals on the right scale should automatically adjust when scrolling or zooming, e.g. 1, 2, 5, 10, etc.

      • Stanislav Voitsekhovskyi

        Team•

        Sep 27

        Hi @Đức,
        Thanks for clarifying!

        Yes, the interval between the price levels automatically changes depending on how much you zoom in or out of the price scale and how large the visible price range is.

        When the price step is relatively large, the scale can use round numbers. However, when you zoom in more closely, the required step becomes much smaller. In that case, the scale may use values that are not perfectly round, while keeping the price levels evenly spaced and readable.

        So the exact values shown on the scale can change depending on the current zoom level.