d3.js 散点图中的非重叠标签答案

【问题标题】：Non overlapping labels in a scatterplot with d3.jsd3.js 散点图中的非重叠标签
【发布时间】：2013-07-11 09:18:46
【问题描述】：

我想绘制一个带有非重叠标签的 d3.js 散点图。每个标签都有 X 和 Y 坐标，但它们可以移动“一点点”，这样它们就不会重叠。我不知道如何实现这个想法。

以下是数据示例：

LABEL   X_AXIS  Y_AXIS
Clotilde    23.8    168
Ninon   22.1    131
Anouk   21.0    119
Raphaelle   20.9    158
Adele   20.7    305
Capucine    20.6    160
Diane   20.1    293
Flore   19.3    161
Apolline    19.1    188
Iris    18.6    118
Victoire    18.0    205
Louise  17.9    1076

【问题讨论】：

如果您发布一个散点图的工作示例会更好，我们可以在其中更准确地回答您的问题，因为答案可能取决于您如何实施图表。您可以将其发布在 jsfiddle.net 或其他模拟站点上。
bl.ocks.org/coulmont/5974977 是初稿

标签： d3.js label scatter-plot

【解决方案1】：

在很多帮助下，这里是非重叠散点图

http://coulmont.com/varia/bac2013.html

【讨论】：

我想做同样的事情。介意我偷吗？