如何使用 D3 js V6 绘制（hexbin）六边形分箱。我的对象有一个字符串和一个整数

Question

我的六边形分箱图对象是一组类似的对象，如下所示：

{
    "doorname": "iSTAR Door2-Simulator637788736992214062 iSTAReX",
    "total_swipe_count": 319,
    "date": "03/31/2022 07:01:38"
}

如何在六边形上显示下方。在每个示例中，他们都采用 x 和 y 整数值或随机生成 x 和 y 值并显示。

我有一组上述对象。如何在我的“hexbin”图表中给出 x、y？

Answer 1

向对象添加两个参数，例如 x 和 y，这些坐标需要随机（或）以某种特定格式创建，例如将高密度坐标集中在中心。

然后你可以推送如下内容：

 this.data.forEach((d) => {
        inputForHexbinFun.push( [x(d.x), y(d.y),d.total_swipe_count,d.date,d.doorname] )
    });

How to draw (hexbin) hexagonal binning using D3 js V6. My object has a string and an integer