直接打印到d3对象和d3-context-menu

时间:2016-11-22 17:34:44

标签: javascript d3.js typescript

我正在使用打字稿,我可以通过外卡导入使用d3 v4。

import * as d3 from 'd3';

我想在我的项目中使用d3-context-menu但是我不确定从哪里开始将上下文菜单插件与常规d3集成,所以我可以像他们的文档显示那样打电话。

.on('contextmenu', d3.contextMenu(menu))

我在项目中正确安装了上下文菜单插件,我可以将其导入到我正在使用的typescript文件中,我只是不知道如何将所有内容正确连接在一起,因此编译器将工作并查看上下文-menu插件作为d3的一部分...

1 个答案:

答案 0 :(得分:0)

在github页面上有此回购的演示,只需要进行一点调整就可以达到我的目的。

技巧是将.style('position', 'absolute')添加到d3.select('.d3-context-menu')

要使嵌套上下文菜单起作用,它确实需要做更多的工作,但对于顶层它却可以正常工作。

Modified Demo with D3 v5.14.2

我意识到这是一篇老文章,它没有解决打字稿问题,但是使用此插件编写自己的打字文件并不难