2014-09-05 3 views
0

데이터에 잘못된 포인트가 있으며 라인 그래프를 교차시키고 싶습니다. 선 그래프는 예와 같다 :인력거 라인 그래프에서 라인의 일부분을 제거하는 방법

data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: null }, { x: 3, y: 30 }, { x: 4, y: 32 } ] 

을하지만 작동하지 않습니다 : http://code.shutterstock.com/rickshaw/guide/line-2.html

var graph = new Rickshaw.Graph({ 
    element: document.querySelector("#chart"), 
    width: 235, 
    height: 85, 
    renderer: 'line', 
    series: [{ 
     data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ], 
     color: '#4682b4' 
    }, { 
     data: [ { x: 0, y: 20 }, { x: 1, y: 24 }, { x: 2, y: 19 }, { x: 3, y: 15 }, { x: 4, y: 16 } ], 
     color: '#9cc1e0' 
    }] 
}); 
graph.render(); 

는이 같은 잘못된 데이터를 지정했습니다.

답변

0

d3.js를 rickshaw 패키지 (v.2.5.0)에서 d3.js (현재 v.3.4.11)의 최신 버전으로 바꾸면 예상했던대로 정확하게 수행 할 수 있습니다. 연결된 라인이있는 널 포인트를 제거합니다.