将限制线添加到D3.js折线图

Question

有没有办法按照下面的图像为D3.js折线图添加限制线？ （不必是虚线）我的数据库中有上限和下限列。一直在线搜索失败的例子，说明如何实现这一目标？

Answer 1

不确定'限制线'是什么，但这在视觉上不是问题。作为一个起点，我建议：

// (assuming some vars have been created per usual templates)

svg.append( "line" )
  .attr("x1", x( x.domain()[0] ) )
  .attr("x2", x( x.domain()[1] ) )
  .attr("y1", y( 80 ) )   // whatever the y-val should be
  .attr("y2", y( 80 ) )

然后添加css或attrs来定义线条的特定外观。

请评论它不适合您的任何方式。

Answer 2

我确实通过引入另一组具有恒定y值的线来解决， 产生此图表： 它基本上是一个多折线图，其中有另外两条线，如here所示。