如何使用座標系在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選取。