Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

BitChart labels grow into the plot in a right-to-left page

Chiusa
  • Qualcosa non va?
#14,044 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Una pull request collegata è già stata integrata.

  • #14046 di @Mohammadzarei754 — chiusa senza merge
  • #14061 di @msynk — integrata

Valutazione

Difficoltà
4/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
csharp, wasm
Ambito
accessibility, frontend

Direzione di ricerca

The issue identifies BitChart’s SVG renderer and SCSS handling around the plot, but gives no file or test names. Start by locating the renderer’s anchored <text> elements and the chart direction handling, then inspect existing chart tests. Done means axis labels stay beside their axes in LTR and RTL layouts, while Persian or Arabic label text keeps its reading order.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Describe the bug

In a right-to-left page (or with Dir="BitDir.Rtl"), the labels a BitChart draws in its SVG are anchored on the wrong side. The value labels of a y axis at the left grow to the right, into the plot, over the data; at the right they grow to the left, into the plot too. The longer the label (e.g. 40,000 million in Persian), the more of the plot it covers.

Cause

The renderer lays every <text> out for left-to-right text: the y axis's values get text-anchor="end" at the axis, the tick labels of a right axis start, and so on. But SVG text inherits the CSS direction of the page, and in a right-to-left one end is the left edge of the text and start its right edge, so each such label is drawn on the other side of its anchor. The chart has no right-to-left handling for the SVG (its scss handles the HTML parts around the plot only), so this reaches every anchored label.

Steps to reproduce
  1. A page with dir="rtl" (or a chart with Dir="BitDir.Rtl").
  2. A line chart whose y ticks have a long label, e.g. Ticks = new() { Callback = (v, _) => $"{v:N0} میلیون" }.
  3. The labels start at the axis and run over the plot instead of ending at it.
Expected behavior

The labels sit beside the axis on the side the renderer measured them for, in either direction, while each label's own words keep their order (a Persian or Arabic label still reads right to left).

Version

Bit.BlazorUI.Extras 11.0.0-pre-10 (still in develop).

Lingua principale
C#
Stelle
1.4k
Fork
264
Merge medio
13h 43m
PR unite (30g)
337

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di bitfoundation/bitplatform

Tutte le issue di bitfoundation/bitplatform

Issue simili

Altre issue su C#

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.