如何在 dimplejs 中隐藏工具提示？

Question

我使用 dimple._showPointTooltip 来显示我的工具提示。在 mouseout 或 mouseleave 中我想隐藏它。我使用哪个命令来执行此操作？

这个显示器中有很多组件。

用于显示工具提示的命令：

myChart.draw();
mySeries.shapes.on("click", function (e) {
    dimple._showPointTooltip(e, this, myChart, mySeries);
});

Answer 1

由于找不到更合适的解决方案，我确定了每个对象并将它们删除：

        series.shapes.on("mouseleave", function (e) {
            svg.select(".dimple-tooltip").remove();
            svg.select(".dimple-custom-tooltip-box").remove();
            svg.select(".dimple-custom-tooltip-label").remove();
            svg.select(".dimple-line-marker-circle").remove();
            svg.select(".dimple-custom-line-marker-circle").remove();
            svg.select(".dimple-tooltip-dropline").remove();
            svg.select(".dimple-custom-tooltip-dropline").remove();     
        });

Answer 2

您可以通过以下方式删除已附加显示工具提示的事件的圈子：

yourSvg.selectAll('circle').remove()

如何在 dimplejs 中隐藏工具提示？

How to hide the tooltip in dimplejs?

javascript

d3.js

onclicklistener

dimple.js