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 属性并将其删除或稍后使用 d3 选择 id 或保存参考来更改它。