Vẽ các đường không liên tục với d3

Question

Tôi đang sử dụng d3.js để tạo biểu đồ đường đơn giản. Tôi muốn biết nếu có một cách để tạo ra "lỗ hổng" trong đồ thị, có nghĩa là, nếu dòng có thể bị gián đoạn hoặc cắt khi không có dữ liệu có sẵn.

Tôi đang xem xét xóa các địa điểm tôi không cần từ miền hoặc đặt trọng số đường thẳng thành 0 trong các phân đoạn cụ thể, nhưng tôi không thể tìm cách thực hiện một trong hai cách này.

Cảm ơn sự giúp đỡ của bạn!

Answer 1

Máy phát điện D3 line có chức năng tích hợp để thực hiện việc này, line.defined. Bạn có thể sử dụng hàm này để kiểm soát vị trí dòng của bạn được xác định và vị trí của nó không giống như nơi bạn thiếu dữ liệu. Nếu bạn muốn làm cho dòng của bạn không xác định bất cứ khi nào giá trị thứ hai trong mảng điểm là giá trị NaN javascript, bạn có thể nói:

line.defined(function(d) { return !isNaN(d[1]); }); 

Here là ví dụ điển hình về hành động này.