Javascript 如何在条形图d3.js上添加水平线

我在下面的链接中有一个条形图 条形图是按数组中的类型和计数生成的

 var data = [
   { type: 'type 1', count: 10, comp: 12}, 
   { type: 'type 2', count: 20, comp: 22},
   { type: 'type 3', count: 30, comp: 37},
   { type: 'type 4', count: 35, comp: 31}
  ];

我想知道是否有任何方法可以使用数组中的“comp”在条形图上添加线条，如图中的示例。 谢谢你的帮助

备选方案：

• d3.选择一些
  元素，将数据绑定到它们，
  。输入
  ，然后使用
  xScale
  和
  yScale
  呈现它们，所有这些都非常类似于您迄今为止对
  所做的操作
  
  请记住，因此直线始终显示在矩形上
  

• 在

  上，输入

  ，附加一个，并在其上附加
  和
  ，然后在更新时，通过单个操作定位它
  这需要更多的思考才能正确，但由于需要较少的数据绑定和DOM操作，因此可以使文档树更清晰，性能更高