如何使用坐标系在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选择或保存参考来更改它。