Php 在工具提示中添加按钮

目前，我将此用于服务器监视：

问题是，我不知道如何在工具提示中添加按钮（开始、停止）

我已经通过了

d3js

工具提示文档：

但我不能这样做。谁能帮帮我吗

当前代码：

// Enter any new nodes at the parent's previous position.
var nodeEnter = node.enter().append("g")
    .attr("class", "node")
    .attr("transform", function(d) {
        return "translate(" + source.y0 + "," + source.x0 + ")"; })
            .on("click", click)
            // add tool tip for ps -eo pid,ppid,pcpu,size,comm,ruser,s
            .on("mouseover", function(d) {
                div.transition()
                    .duration(200)
                    .style("opacity", .9);
                    div .html(
                        "PID: " + d.name + "<br/>" + 
                        "Command: " + d.COMMAND + "<br/>" +
                        "User: " + d.RUSER + "<br/>" +
                        "%CPU: " + d.CPU + "<br/>" +
                        "Memory: " + d.SIZE
                    )
                    .style("left", (d3.event.pageX) + "px")
                    .style("top", (d3.event.pageY - 28) + "px");
            })
            .on("mouseout", function(d) {
                div.transition()
                    .duration(500)
                    .style("opacity", 0);
            });

//在父节点的上一个位置输入任何新节点。
var nodeEnter=node.enter（）.append（“g”）
.attr（“类”、“节点”）
.attr（“转换”，函数（d）{
返回“translate”（“+source.y0+”，“+source.x0+”）；}）
.on（“单击”，单击）
//为ps添加工具提示-eo pid、ppid、pcpu、尺寸、通信、ruser、s
.on（“鼠标悬停”，功能（d）{
过渡部（）
.持续时间（200）
.样式（“不透明度”，.9）；
html(
PID:“+d.name+”
“+
命令：“+d.Command+”
”+
“用户：+d.RUSER+”
”+
%CPU:+d.CPU+“
”+
“内存：”+d.SIZE
)
.style（“左”，“d3.event.pageX）+“px”）
.style（“top”，（d3.event.pageY-28）+“px”）；
})
.开启（“鼠标出”，功能（d）{
过渡部（）
.持续时间（500）
.样式（“不透明度”，0）；
});

问题在于工具提示不响应鼠标事件（

指针事件：无；

在CSS中）。这样做是为了避免工具提示出现在节点上方时立即触发节点上的mouseout事件。（通常，顶部的元素会捕获鼠标事件，通过关闭鼠标移动传递到下面的元素的指针事件）

---

如果您希望工具提示是交互式的，带有按钮或链接，则需要删除该CSS行，并找出关闭/隐藏工具提示的不同方法。例如，当工具提示

被鼠标移走时，您可以隐藏工具提示，或者您可以在工具提示上添加一个专用的关闭按钮。

您只需要在HTML中添加一个按钮。@Lars Lotthoff，正如您告诉div.HTML（'Action'+//第一个标记+“”+//关闭标记“
）但在鼠标上方它只显示下拉列表，我无法从下拉列表中选择项目。如何克服这个问题。如何添加上下文菜单？