如何使用 d3 为散点图中的多个点创建工具提示
How to create a tooltip for multiple points in a scatterplot with d3
我有一个用 d3 创建的散点图。 circles/points 的大小都一样。网格在 x 轴和 y 轴上从 1 到 10。所有点的 x 和 y 值都是整数(无小数)。
我的问题是我经常有多个坐标相同的数据点。因为这些点的大小都一样,所以我不知道一个点有多少个点。
我的点有工具提示,每个数据点一个。所以,我在想,如果我可以显示一个工具提示,其中包含有关具有相同 x/y 坐标的所有点的信息,那么只显示一个 point/circle 就可以了。不过,我想不出一种方法来做到这一点,因为工具提示似乎是为单个点生成的,而不是 "for all points at the same coordinate",或者是动态生成的。
我该怎么做?
正如@LarsKotthoff 提到的,在渲染之前聚合我的数据并添加一个关键函数来识别每个聚合是让一切正常工作所需的两个步骤。
我有一个用 d3 创建的散点图。 circles/points 的大小都一样。网格在 x 轴和 y 轴上从 1 到 10。所有点的 x 和 y 值都是整数(无小数)。
我的问题是我经常有多个坐标相同的数据点。因为这些点的大小都一样,所以我不知道一个点有多少个点。
我的点有工具提示,每个数据点一个。所以,我在想,如果我可以显示一个工具提示,其中包含有关具有相同 x/y 坐标的所有点的信息,那么只显示一个 point/circle 就可以了。不过,我想不出一种方法来做到这一点,因为工具提示似乎是为单个点生成的,而不是 "for all points at the same coordinate",或者是动态生成的。
我该怎么做?
正如@LarsKotthoff 提到的,在渲染之前聚合我的数据并添加一个关键函数来识别每个聚合是让一切正常工作所需的两个步骤。