将硬编码固定线添加到d3条形图

Question

希望你能帮助我解决这个问题，它几乎是一个完全相同的问题（似乎没有完整，因为没有线条显示）：

d3.js How to add lines to a bar chart

不同之处在于我需要创建一个硬编码参考线，例如7％。

我试图在这里创建小提琴，但无法显示该行。

http://jsfiddle.net/ComputerSaysNo/sstSe/1/

我想可以通过改变这个来完成......？

bars.append("line") .attr("x1", 0) .attr("y1", function(d,i) { return height - d.average; }) .attr("x2", 10) .attr("y2", function(d,i) { return height - d.average; });

非常感谢，

瑞恩。

Answer 1

您将该行附加到bars变量，这是条形图的选择。您需要将该行附加到SVG：

svg.append("line")
  .style("stroke", "black")
  .attr("x1", 0)
  .attr("y1", y(0.07))
  .attr("x2", width)
  .attr("y2", y(0.07));

这也正确设置了坐标。请记住，您没有绑定到该行的数据，因此function(d) { ... }无法正常工作。

完整演示here。我还删除了一堆不必要且破损的代码。