将限制线添加到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来定义您的行的具体外观。

请对任何不适用于您的方式发表评论。