在d3面积图后面添加图形线

kyxcudwk  于 2023-10-19  发布在  其他
关注(0)|答案(1)|浏览(88)

我正在尝试将图形线(水平和垂直)添加到面积图中。
我想要我的图表
enter image description here
看起来像这样
enter image description here
我试图按照这个例子https://github.com/d3/d3-axis,但它只添加了虚线太左边的轴,我不明白为什么
我为任何愿意帮助的人创造了一个堆栈 lightning 战:
https://stackblitz.com/edit/angular-ivy-dbhrnm?file=src%2Fapp%2FstackedArea-chart-visualization%2FstackedArea-chart-visualization.component.ts,src%2Fapp%2FstackedArea-chart-visualization%2FstackedArea-chart-visualization.component.html

ukdjmx9f

ukdjmx9f1#

我发现最好的方法是增加刻度大小,使它们成为网格。比如在X轴上你可以这样做

.call(d3.axisBottom(x)
       .tickSize(-height)

相关问题