Javascript D3-具有负值的路径

我试图用D3（看起来像下面的截图）绘制一个图表，三角形在值为负值时，该值为正和向下时指向上

我正在使用自定义的“d”属性创建三角形。我能画出绿色（正）三角形，但似乎不知道如何使红色三角形正确指向下方

我已经能够让它作为矩形使用，但不是作为路径。没有找到太多的负面途径

有什么建议吗？我在下面附了一把小提琴。谢谢

---

在

转换

设置中：

yScale( Math.max(0, d.val) 

当d.val为负值时，yScale将使用yScale（0）作为绘图点，这就是路径不可见的原因，因为没有可用的“负值”位置值。将其更改为

yScale（d.val）

works。普朗克

yScale( Math.max(0, d.val)