当使用约束松弛绘制时,d3.extent在x轴和图形的点标签之间创建碰撞

时间:2018-02-16 18:23:26

标签: javascript d3.js

我有一个散点图,它使用约束松弛来消除其绘制的点(Plunker here)的标签。问题在于,当我放松约束时,这会导致点标签和x轴标签之间的碰撞。轴是使用d3.extent和d3.scale.linear。

生成的

我试图通过延长y轴的长度来消除点标签和x轴的冲突,但是我最接近实现这一点的方法是改变{{1}的原始值。以下节中的0

30

结果不太理想,留下了一个尴尬的间隙而不是x和y轴之间的交点: How the scatterplot looks now

我想要实现的是这样的: enter image description here

(除非我想通过代码实现这一点,而不是Photoshop)。

有人可以展示解决方案吗? (Plunker here

1 个答案:

答案 0 :(得分:1)

为什么不在域中添加填充?像:

.domain([yext[0] * 0.95, yext[1] * 1.05])
//less here---------^-- more here----^

以下是具有该解决方案的plunker:http://plnkr.co/edit/rKArjn7DwQa9g1X5CaNW?p=preview