데이터가 없을 때 SVG 경로에 간격이 있습니다.

Question

D3에서 실시간 선 그래프를 만들려고합니다. 내 데이터는 [[날짜, 값], [날짜, 값] 형식입니다. 어떤 데이터도받지 못하면 값은 0이됩니다.이 값에 대해 줄 바꿈을 사용하여 플롯되지 않도록하고 싶습니다. 그러면 데이터가 누락 된 그래프에 간격이 생길 것입니다.

누구나 내가이 작업을 어떻게 수행하는지 알 수 있습니까?

Answer 1

단일 축 세트에서 여러 개의 플롯을 작성하면 쉽게 수행 할 수 있습니다. 각 연속 데이터 세트는 별도의 플롯이됩니다. 그럼 당신이 그들에게 모두 같은 색깔 등 할당 확인하십시오.

Answer 2

보십시오. 변수 my_dataset은 속성이 {x, y} 인 객체의 배열입니다. . "NaN의 : y 값이 시각화에 건너로

var line = d3.svg.line() 
    .x(function(d, i) { return x(d.x); }) 
    .y(function(d) { return y(d.y); }) 
    .defined(function(d) { return !isNaN(d.y); }) 
    ; 

my_visualization.append("svg:path") 
    .data([ my_dataset]) 
    .attr("d", line)