Chuyển tiếp D3 - tạm dừng và tiếp tục

Question

Tôi đang cố gắng hiểu 'tạm dừng' và 'tiếp tục' để chuyển tiếp D3 từ số guide này. Trong khi tôi hiểu làm thế nào 'tạm dừng' đang làm việc, tôi ít bị mất khi nói đến 'tiếp tục'. Tôi không thể hiểu được lời giải thích của tác giả, cụ thể là lời giải thích sơ yếu lý lịch 'tuyến tính' hoặc trước tiên. Câu hỏi của tôi là e.attr("T",0); và .attr("T",1); làm chính xác điều gì?

Tôi đang áp dụng các chức năng resume đến một Playhead cho video hoặc dạng sóng ví dụ ở đây: jsfiddle

Answer 1

Mã e.attr("T",0) và .attr("T",1) bộ thuộc tính cho nút đó được chọn. Đó là, một thuộc tính mới "T" được tạo và thiết lập. Mục đích của điều này là hoàn toàn để tạo thuận lợi cho việc dừng và tiếp tục - 0 đại diện cho một sự chuyển đổi trước khi bắt đầu và 1 ở cuối.

Nếu thuộc tính này được bao gồm trong quá trình chuyển đổi, giá trị sẽ dần dần thay đổi từ 0 thành 1. Khi tác giả của hướng dẫn chỉ ra, điều này có thể được sử dụng để nhận trạng thái chuyển đổi tại bất kỳ thời điểm nào - bạn chỉ cần truy vấn giá trị của "T". Nếu bạn cũng lưu chuyển đổi cụ thể, bạn có thể sử dụng giá trị để tạm dừng và tiếp tục tại bất kỳ thời điểm nào.

Lưu ý rằng không có gì đặc biệt về "T". Bạn có thể sử dụng bất kỳ tên thuộc tính (không sử dụng) nào. Mục đích là chỉ có một số cách để nói cho đến nay quá trình chuyển đổi đã tiến triển như thế nào.

Answer 2

Tôi cũng đang đấu tranh với vấn đề chính xác này và tôi nghĩ có lỗi đánh máy trên ví dụ đã loại bỏ tôi. Đối với tác giả viết:

var e = d3.select("#time"); 
e.attr("T",0); 

c.transition() 
    .duration(time) 
    .ease("linear") 
    .attr("T",1); 

Có vẻ như e sẽ cập nhật thuộc tính của nó như Tc chuyển tiếp, mà không có ý nghĩa. Thay vào đó tôi nghĩ rằng nó nên được như sau:

var e = d3.select("#time"); 
e.attr("T",0); 

e.transition() 
    .duration(time) 
    .ease("linear") 
    .attr("T",1); 

Bây giờ chúng ta chọn phần tử #time, thiết lập giá trị ban đầu của T thuộc tính của nó để 0 sau đó thêm một chuyển đổi sang cùng một nguyên tố thay đổi T-1 trong quá trình cả thời hạn quy định.