plotly / plotly/react-plotly.js

How can I hide traces from multiple charts at once?

Đang mở
#221 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.

Ngôn ngữ chính
JavaScript
Star
1.1k
Fork
138
Merge trung bình
3 ngày 2 giờ
Pull request đã merge (30 ngày)
4

Mô tả

I know that I can set the visibility of the trace on the chart by the visible property but this only affects the chart that I clicked on. On a page with multiple charts using similarly named traces, how can I toggle the visibility of all the similarly named traces at the same time?

Here was my attempt but this didn't have any affect and only toggled the chart I clicked.

let updatedChartingData = [...this.state.chartingData];
        for (let chart of updatedData) {
            for (let i = 0; i < chart.tickerEntities.length; i++) {
                let trace = chart.tickerEntities[i];
                if (trace.name === trace_name) {
                    if (!trace.visible) {
                        trace.visible = "legendonly";
                    }
                    else if ((typeof trace.visible) === "string") {
                        trace.visible = true;
                    }
                    else {
                        trace.visible = "legendonly";                         
                    }

                }
            }
        }

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

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

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

Không xác định được tệp repository hoặc test nào. Hãy bắt đầu bằng cách lần theo cách chartingData và thuộc tính visible của từng trace được truyền tới các biểu đồ React; để hoàn thành cần có một cách rõ ràng, được hỗ trợ để đồng bộ hóa khả năng hiển thị của các trace có tên tương tự giữa các biểu đồ.

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, react
Lĩnh vực
data-visualization, frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/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.