Javascript D3.js的EventDrops（来自marmelab）-如何调整示例代码？

我偶然发现了D3库的非nodejs版本，并且我能够在自己的服务器上重现该示例。有关更多信息和示例代码，请参阅本文

然而，有人能帮我避开正确的方向吗？或者为我提供代码，解决我目前面临的以下两个问题：

我希望加载一个带有日期的CSV文件，而不是实时监控。我怎样才能做到这一点？ 第二，我如何在浏览图表中的条目时显示更多信息？上面链接的演示只显示有限的信息，但我想从CSV加载多行，并在胡闹时显示它们。与原始EventDrops库团队中的类似，但不使用nodejs。 非常感谢你们的时间和回答

对第1点的澄清：CSV文件将具有以下结构：

name,date,comment
google,"2017-03-06 17:00","some comment about the event"
facebook,2017-02-15 11:13,"again a comment"
google,"2017-01-01 12:13","older google event"

真是太好了，把一些代码放在一起看。但是，我无法使用上面的CSV运行此代码。谁能帮帮我吗？谢谢

致以最良好的祝愿，

---

Stephan

首先，您可以非常轻松地将CSV文件转换为JavaScript普通对象。然后，您可以使用以下方法导入文件：

const data = Papa.parse(csv);

对于第二个问题，您可以访问每个事件中的整个数据行。例如，参考，您可以通过直接访问数据，例如：

const chart = d3.chart.eventDrops()
    .mouseover((row, index) => {
        // if you need to access several rows, use data[index+1] for instance
    })

对于悬停，这并不是很简单，您应该手动处理mouseover和mouseout事件，如前面的演示链接所示