plotly / plotly/plotly.js

Rangeslider won't reset after zooming out

Đang mở
#6,903 3 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 size: 1
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ả

https://codepen.io/Lexachoc/pen/XWGGLJG (the plotly-latest.min.js is using 1.58.5)
recording

The Autoscale or Reset axes buttons in the menu bar won't autoscale/reset the rangeslider correctly after using zoom out button.

I can confirm that with plotly-2.29.1.min.js, the issue exists (but Plotly.d3.csv is removed from version 2 so I can't use that version for the codepen). I found this issue when I use plotly-2.28.0.min.js and now with plotly-2.29.1.min.js:
recording
(no codepen for this, sorry, this is server-side data)
My layout:

{
        xaxis: {
            rangeslider: {},
            automargin: true,
            tickfont: {
                size: 14
            },
            showspikes: true,
            spikemode: 'across', // or 'across' or 'marker'
            spikethickness: 1
        },
        yaxis: {
            fixedrange: true,
            tickfont: {
                size: 14
            },
            automargin: true,
        },
    }

The example in here
https://plotly.com/javascript/range-slider/
https://codepen.io/plotly/pen/WwXEoV

it doesn't have this issue (it uses plotly-1.8.0.min.js)

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 bằng cách tái hiện CodePen được liên kết với plotly-2.29.1 và so sánh hành vi của nó với ví dụ range-slider. Đọc cách xử lý Zoom-out, Autoscale và Reset axes cho x-axis rangeslider. Hoàn thành khi cả hai nút đều khôi phục chính xác rangeslider sau khi thu nhỏ, bao gồm cả layout được báo cáo với một fixed-range y-axis.

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, frontend
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Sôi nổi
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
48/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.