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

Javascript 将硬编码固定线添加到d3条形图,javascript,d3.js,Javascript,D3.js,希望您能帮我解决这个问题,这几乎是一个相同的问题(这似乎不完整,没有一行显示): 不同之处在于,我需要创建一条硬编码参考线,例如7% 我试图在这里制作小提琴,但无法显示线条 我想可以通过改变这个 bar.append(“行”) .attr(“x1”,0) .attr(“y1”,函数(d,i){返回高度-d.average;}) .attr(“x2”,10) .attr(“y2”,函数(d,i){返回高度-d.average;}); 非常感谢, Ryan。您正在将该行附加到条变量,该变量是条

希望您能帮我解决这个问题,这几乎是一个相同的问题(这似乎不完整,没有一行显示):

不同之处在于,我需要创建一条硬编码参考线,例如7%

我试图在这里制作小提琴,但无法显示线条

我想可以通过改变这个

bar.append(“行”)
.attr(“x1”,0)
.attr(“y1”,函数(d,i){返回高度-d.average;})
.attr(“x2”,10)
.attr(“y2”,函数(d,i){返回高度-d.average;});

非常感谢,


Ryan。

您正在将该行附加到
变量,该变量是条的选择。您需要将该行附加到SVG:

svg.append("line")
  .style("stroke", "black")
  .attr("x1", 0)
  .attr("y1", y(0.07))
  .attr("x2", width)
  .attr("y2", y(0.07));
这也可以正确设置坐标。请记住,没有数据绑定到该行,因此
函数(d){…}
将无法工作


完成演示。我还删除了一堆不必要的代码。

不要将其附加到
,附加到
svg
。您还需要正确设置坐标。谢谢你@LarsKotthoff完美!