Text spacing is not getting applied on the color legends in charts in windows.

オープン
#12,246 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
48/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
javascript

調査の方向性

まず Windows で https://www.chartjs.org/docs/latest/charts/doughnut.html のドーナツチャートの例を開き、サポートされているブラウザーでテキスト間隔の挙動を再現します。報告された間隔設定で色の凡例テキストが期待どおりに変化することを確認し、その後、修正された挙動のカバレッジを追加して、Chart.js v4.5.1 の挙動と照合して結果を検証します。

索引モデルが issue の本文から書いたものです。

説明

type: bug
Expected behavior

Text spacing should be applied on the color legends in charts in windows.

Current behavior

Test Environment:
OS: Windows 11 version 25H2 (OS build 26200.8246)
Browser: Edge (Version 147.0.3912.60), Chrome (Version 147.0.7727.56)
Screen Reader: NVDA (2025.3.3), JAWS (2026.2603.86), Narrator
URL: https://www.chartjs.org/docs/latest/charts/doughnut.html

User Impact:
Low vision users will be impacted as text spacing settings do not apply to chart color legends, making the content difficult to read and understand.

Repro Steps:

  1. Open the URL: https://www.chartjs.org/docs/latest/charts/doughnut.html in edge/chrome browser.
  2. 'Doughnut and Pie charts' page will open.
  3. Color Legends will appear. Apply text spacing.
  4. Verify whether text spacing is getting applied on the color legends in charts in windows or not.

Actual result:
Text spacing is not getting applied on the color legends in charts in windows.

Refer Attachment:

  1. Text spacing is not getting applied on the color legends in charts in windows.png
  2. Text spacing is not getting applied on the color legends in charts in windows.mp4

https://github.com/user-attachments/assets/d82b68eb-cc50-4e21-b028-d623abb44f7b
Image

Reproducible sample

https://www.chartjs.org/docs/latest/charts/doughnut.html

Optional extra steps/info to reproduce

Repro Steps:

  1. Open the URL: https://www.chartjs.org/docs/latest/charts/doughnut.html in edge/chrome browser.
  2. 'Doughnut and Pie charts' page will open.
  3. Color Legends will appear. Apply text spacing.
  4. Verify whether text spacing is getting applied on the color legends in charts in windows or not.
Possible solution

No response

Context

No response

chart.js version

v4.5.1

Browser name and version

No response

Link to your project

No response

主要言語
JavaScript
スター
67.8k
フォーク
12k
平均マージ
6時間 15分
マージ済み PR(30日)
3

環境構築

  • Dockerfile・Docker Compose ファイルなし
  • プルリクエストのテンプレートあり
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

chartjs/Chart.js のほかの issue

chartjs/Chart.js の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。