ChartXpert AIChartXpert AI

Building a correct Arabic chart: RTL interface, LTR candles

Updated 2026-09-216min readArabic & interface

Localising a chart is not mirroring everything. The rule ChartXpert AI follows is that time is physical, not linguistic: candles stay ordered left to right in every language and the price axis stays on the right, while interface chrome — menus, toolbars, panels — mirrors with language direction.

Why candles are never mirrored

Candle order represents the sequence of time, and time does not change with language. Mirroring the time axis makes every technical read wrong: uptrends look like downtrends, patterns invert, and comparing against any other platform becomes impossible. So the plot area is treated as a fixed physical picture and only what surrounds it mirrors.

Arabic UI (dir=rtl)                   English UI (dir=ltr)

┌──────────┬──────────────┬────┐     ┌────┬──────────────┬──────────┐
│ watchlist│  plot  →time │tool│     │tool│  plot  →time │ watchlist│
│  (right) │  price axis →│rail│     │rail│  price axis →│  (right) │
└──────────┴──────────────┴────┘     └────┴──────────────┴──────────┘

chrome mirrors · plot direction and price axis never do

What mirrors and what stays

Candle order

In Arabic
left to right
Rule
never mirrored

Price axis

In Arabic
on the right
Rule
fixed in both languages

Time axis

In Arabic
bottom, from the left
Rule
fixed in both languages

Watchlist

In Arabic
on the right
Rule
mirrors with language

Tool rail

In Arabic
on the left
Rule
mirrors with language

Text and headings

In Arabic
right-aligned
Rule
mirrors with language

Mixed numbers: the most common localisation bug

When Arabic text sits beside Latin numbers and symbols such as 86,045.71 USD on one line, the browser's BIDI algorithm reorders runs in ways you did not intend. Two rules fix it: isolate every numeric value in its own element with an explicit direction, and avoid neutral punctuation between a Latin run and an Arabic run on the same line.

  • ▸Every price, percentage or timestamp lives in a dedicated element with a monospace face and an explicit direction, so the decimal separator stays put.
  • ▸Corporate names and marks such as ChartXpert, Inc. are isolated LTR to stop the period jumping to the start of the line.
  • ▸Stats strips are written as pure Latin text, because mixing Arabic words with numbers in one narrow line confuses ordering.
  • ▸Alignment uses logical properties (start / end) rather than hard left and right, so one layout file is correct in both languages.

Fonts and digits

The interface uses one Arabic family for text and a monospace family for numbers, symbols and text diagrams. Tabular monospace digits stop columns from jittering as prices update every second — a detail you notice immediately in a live trading panel.

Switching language in ChartXpert AI is instant: page direction and language update and the choice is stored in the browser, while the plot area stays exactly as it is with no reload.

frequently asked

Quick questions, direct answers

Can candles run right to left?+

The engine carries an internal direction factor, but the default and recommended setting is left to right, because reversing time inverts every technical read and breaks comparison with any other platform.

Where does the price axis go in an Arabic interface?+

On the right, exactly as in English, because the newest candle sits at the far right and the price scale must sit next to it.

Is the English interface complete?+

Yes, all copy exists in Arabic and English and direction follows language. Arabic is the default.

Apply this on live candles now

Open the chart workspace, pick one of the seven public venues, then switch on pattern and liquidity detection and watch the frame rate as you zoom.

Related guides

A question, or want to integrate the engine?

Write to the team directly: technical support, market data, and partnerships across Saudi Arabia and the Gulf.

Contact us