Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

[Bug]: StackedBarChart has inconsistent padding between adjacent bars

Đang mở
  • Có gì không ổn?
#36,913 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
64/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Start with the StackBlitz reproduction linked in the issue and inspect the StackedBarChart rendering path in Fluent UI. The report points to gaps between adjacent segments and suggests zero-valued data points may be involved; compare the reproduced output with the expected continuous bars. Done means the segments render without unexpected gaps while preserving the reproduction's data and behavior.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Package: charting Type: Bug :bug:
Charting Control

Other...

Package version

5.25.12

React version

17.0.2

Environment
System:
    OS: Windows 11 10.0.26300
    CPU: (22) x64 Intel(R) Core(TM) Ultra 7 165H
    Memory: 2.56 GB / 31.65 GB
  Browsers:
    Chrome: 155.0.8059.84
    Edge: Chromium (154.0.4258.62)
    Firefox: 157.0.1 - C:\Program Files\Mozilla Firefox\firefox.exe
  npmPackages:
    react: 17.0.2 => 17.0.2 
    react-dom: 17.0.2 => 17.0.2
Current Behavior
Image

When rendering a StackedBarChart, unexpected gaps appear between adjacent bar segments. The segments should render continuously without the visible spacing shown in the screenshot. It's possible this happens because of the data points with "0" value.

Expected Behavior
Image

On previous version 5.16.4 this was not an issue

Reproduction

https://stackblitz.com/edit/vitejs-vite-nhupkrig?file=src%2FApp.tsx

Steps to reproduce
  1. See weird gap in styling on render
Are you reporting an Accessibility issue?

None

Suggested severity

Low - Has or doesn't need a workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.
Ngôn ngữ chính
TypeScript
Star
20.3k
Fork
2.9k
Merge trung bình
2 ngày 6 giờ
Pull request đã merge (30 ngày)
72

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

  • Không có Dockerfile hay tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của microsoft/fluentui

Tất cả issue của microsoft/fluentui

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.