d3和svg中的自定义上下文菜单

Question

我想在右键单击svg圆圈时出现自定义上下文菜单.现在我找到了这个答案,帮助我使用以下代码处理右键单击:

.on("contextmenu", function(data, index) {
   //handle right click

   //stop showing browser menu
   d3.event.preventDefault()
});

现在我想知道如何显示包含一些HTML的框.

提前致谢.

Answer 1

d3.select('#stock_details .sym').on("contextmenu", function(data, index) {
    var position = d3.mouse(this);
    d3.select('#my_custom_menu')
      .style('position', 'absolute')
      .style('left', position[0] + "px")
      .style('top', position[1] + "px")
      .style('display', 'block');

    d3.event.preventDefault();
});