如何在 D3JS 中正确使用字符串值作为轴刻度?无法正确映射数据无法找出此代码中的问题

how to use string values as axis ticks properly in d3js? Not able to map data correctly can't figure out whats wrong in this code

本文关键字：数据映射问题代码 D3JS 字符串更新时间：2023-09-26

我是D3的新手。在我的散点图中，我需要绘制 y 轴的用户名，但数据和轴刻度值顺序不对，任何人都可以帮助我找出此代码的问题吗？

完整链接到我的代码：散点图代码

我在你的代码中没有看到任何重大内容。几件事：

1.( y轴上的排序很好。它按照它们在数据中的显示顺序进行排序。正如@mdml在评论中所说，如果您愿意，您可以对它们进行不同的排序。

2.(你的数据中有一个"奇数"点。一切都发生在Nov-27-2014-12:33周围，除了28日的一个点。这会导致d3为 x 轴选择更大的范围，并将大多数数据点绘制在彼此之上。

3.(您可能应该将点与y轴"居中"：

.attr("cy", function(d) { return y(d.user) + y.rangeBand() / 2; })

下面是一个调整一些东西的示例。