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

Adding hard coded fixed line to d3 bar chart

本文关键字：d3 条形图 编码 添加      更新时间：2023-09-26

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

d3.js如何在条形图中添加线条

不同的是，我需要创建一个硬编码的参考线，例如在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; });

许多谢谢,

瑞安

.

将行附加到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) { ... }将不起作用。

完整演示在这里。我还删除了一堆不必要的和破碎的代码。

相关文章：