좌표계를 사용하여 dc.js에 선을 그리는 방법은 무엇입니까?

Question

dc.js 차트에 직선을 추가하려면 어떻게해야합니까? dc.js의 좌표계에서 선 좌표를 지정할 수 있어야합니다. 버블 차트의 경우 SVG 원본이 아닌 좌표를 원점에 상대적으로 사용하고 싶습니다.
또한 어떻게 행을 다시 제거 할 수 있습니까?

Answer 1

d3을 직접 사용하여 dc.js를 쉽게 사용자 정의 할 수 있습니다. 다음과 같은 것을 시도해보십시오

var line = d3.svg.line() 
    .x(function(d) {return chart.x()(d.x);}) 
    .y(function(d) {return chart.y()(d.y);}); 

var path = line([{x:0,y:1},{x:100,y:1}]); 

chart.svg().append("path").attr("d",path) 

당신은 경로에 대한 ID 속성을 설정하고 그것을 제거하거나 ID 또는 참조를 저장하여 D3 선택하여 나중에 변경할 수 있습니다.