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

时间:2019-01-17 00:31:16

标签: javascript d3.js onclicklistener dimple.js

我使用了dimple._showPointTooltip来显示我的工具提示。在mouseout或mouseleave中,我想将其隐藏。我该使用哪个命令?

此显示中有很多组件。

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

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

2 个答案:

答案 0 :(得分:0)

由于找不到更合适的解决方案,因此我确定了每个对象并将其删除:

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

答案 1 :(得分:0)

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

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