Javascript 将硬编码固定线添加到d3条形图
希望您能帮我解决这个问题,这几乎是一个相同的问题(这似乎不完整,没有一行显示): 不同之处在于,我需要创建一条硬编码参考线,例如7% 我试图在这里制作小提琴,但无法显示线条 我想可以通过改变这个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。您正在将该行附加到条变量,该变量是条
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完美!