javascript - 如何使用坐标系在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 或通过保存引用来更改它。