d3.js显示一个弹出窗口,其中单击图像时显示一个表单

时间:2016-08-05 21:43:01

标签: javascript html html5 d3.js

我的要求是在点击某个图片时显示一个弹出窗口(类似于此How to create a popup window with a form?)。弹出窗口将包含一些文本字段和提交按钮。在搜索时,我可以看到jquery已经提供了该功能,但我不太确定jquery和d3.js是否一起工作。有人知道d3.js中的这种libarries或示例源代码吗?

感谢您的帮助。

更新:我尝试将上面的例子与jquery集成,但是然后正弦d3.js使用svg来绘制我的对象,并且登录表单位于div中,如示例中所示(How to create a popup window with a form?),窗口向下滚动看起来非常坏。

在此感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

是的,Jquery可以“合作”,因为你可以混合代码(例如:在d3.js回调中使用jQuery)。

你的问题很模糊,但也许你可以准确地记住你的想法或有一个代码片段? 我邀请您咨询:https://github.com/d3/d3/wiki/gallery并在众多D3.js示例中查找您是否找到了类似于您想要实现的内容。

打开弹出窗口的方法就像使用D3.js选择器,然后在回调函数中使用任何jquery代码

var svg = d3.select("YourD3Canvas")
            .on("click", function(d) { js or jquery code,  etc... });