Javascript 固定散点图实现的轴

我正在玩d3来建立一些散点图。由于某些原因，我无法为我的绘图获得正确的X轴-轴上总是有一些重叠的文本。此外，这些点似乎与轴重叠。我怎样才能把它修好让它看起来更漂亮

我已把我的努力付诸实践。有什么建议吗？

你可以用它来减少滴答声的数量

xAxis.ticks（5）

在这里似乎工作得很好

要阻止点与轴重叠，有几个选项。一个是你可以增加或。圆圈仍将与记号标记重叠，但不会与记号标签重叠。另一个选项是，您可以增加您的域，以强制在圆和轴之间有额外的空间

通常，您会使用（或只是和）自动计算域。下面是一个示例，说明如何将域的每侧扩展10%：

// First set the domain automatically from the data.
var x = d3.scale.linear().domain(d3.extent(numbers));

// Then extend the domain using invert (with the default range [0, 1]).
x.domain([-.1, 1.1].map(x.invert));

// Lastly set the desired range.
x.range([0, width]);

---

在您的情况下，由于您正在对域进行硬编码，您只需将硬编码的内容更改为更大范围的值。

非常感谢。根据您的建议进行了更新，现在看起来很棒！