plotly / plotly/plotly.js

Resizing pie chart with tooltips misaligns it and throws error

Đang mở
#6,696 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

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

bug P3
Ngôn ngữ chính
JavaScript
Star
18.3k
Fork
2k
Merge trung bình
2 ngày 12 giờ
Pull request đã merge (30 ngày)
28

Mô tả

When using a certain combination of settings, pie charts can become misaligned, throwing the error trace.insidetextfont is undefined:
image

To reproduce the bug, first hover over the pie chart to bring up a tooltip, then resize the sandbox window to make the pie chart resize itself. The bug will not appear if you resize the chart without bringing up a tooltip at some point first.

I've created a minimum reproduction here:

<Plot
  data={[
    {
      values: [1, 2],
      type: "pie",
      textinfo: "none",
      hovertext: ["Tooltip 1", "Tooltip 2"]
    }
  ]}
  style={{
    width: "100%"
  }}
  useResizeHandler
/>

Note that you don't need multiple pie sections to get the error (that's for demonstrating the misalignment), but you do appear to need everything else in some form, including, interestingly, textinfo: "none".

Hướng dẫn đóng góp

Mở 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.

Hướng nghiên cứu

Bắt đầu với bản tái hiện CodeSandbox được liên kết và tái hiện chuỗi thao tác: di chuột qua biểu đồ hình tròn, sau đó thay đổi kích thước cửa sổ sandbox. Theo dõi tương tác giữa việc thay đổi kích thước và tooltip cho đến khi giải thích được lỗi trace.insidetextfont is undefined và hiện tượng lệch vị trí; hoàn tất khi biểu đồ thay đổi kích thước mà không có lỗi hoặc dịch chuyển hiển thị, kể cả khi dùng textinfo: "none"hovertext.

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

Đánh giá

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

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.