vis.js 2dchart将点击事件数据关联到主数据集

Question

我对 javascript 还是比较陌生，但很喜欢 vis.js。我已经使用 2dchart 函数构建了一些非常酷的东西。我现在的问题是我正在努力让它更具交互性。我正在使用堆叠条形图，我希望能够单击其中一个条形并向用户显示一些数据。

所以我的问题是，是否可以获取您点击的栏并将该信息与您的数据集相关联。

graph2d = new vis.Graph2d(container, dataset, groups, options);
graph2d.on('click', onClick);

function onClick( event ) {
    //correlate the clicked item to a dataset ID somehow

如果我跑题了，我深表歉意。同样，我对这个 javascript 东西比较陌生。

谢谢！

Answer 1

我是 graph2d 模块的开发者。我很高兴你喜欢它！不幸的是，目前还没有真正支持你想做的事情。我们确实希望在未来的版本中支持这样的交互性，但目前它非常繁忙，我们无法开发新功能。

现在有一种方法可以做到这一点，但它有点像 hack，对用户一点也不友好，但我还是会提到它。单击事件为您提供 x 值，即时间。您还可以深入了解原始点击事件以查看您点击了哪个元素。然后您可以检查该项目的 class 名称。使用时间和 class 名称（可以特定于组），您可以在输入数据中搜索匹配项，从而获得被单击的项目。然后您可以在弹出窗口或类似的东西中显示它。

希望对您有所帮助！如需更多问题，您可以 post 在我们的 GitHub 页面上提出问题。我们会尽快回答所有问题。

vis.js 2dchart将点击事件数据关联到主数据集

vis.js 2dchart correlate click event data to the main dataset

vis.js