如何使用坐标系在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选取。