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

Question

我希望在右键单击 svg 圆圈时显示自定义上下文菜单。现在我找到了this使用以下代码帮助我处理右键单击的答案:

.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();
});