Добавить лимитные строки в 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 определить конкретный вид вашей линии.

Просьба прокомментировать любые способы, в которых он не работает для вас.