Highcharts：工具提示中的图表：＆＃34;图像保留＆＃34;在Firefox中

Question

我正在尝试在HC工具提示中渲染图表并面临图像保留问题＆＃34;在Firefox和IE10中。只有Chrome工作正常。问题是工具提示图表的某些元素（例如标记和图例边框）在工具提示关闭后保留在主图表上。演示在这里：http://jsfiddle.net/D3x89/

我正在使用此代码在工具提示中呈现图表：

    tooltip: {
        useHTML: true,
        formatter: function() {
            setTimeout( function() {
                $("#hc-tooltip").highcharts({
                    series: [{
                        data: [12, 23]
                    }]
                });
            }, 1510)               
            return '<div id="hc-tooltip"></div>';
        }
    },

有任何建议如何解决这个问题？

谢谢！

编辑。 Pawel Fus建议的代码使其更好，但在关闭工具提示后仍然有时会留下标记：FF 31的屏幕截图：

Answer 1

您可能需要做两件事：

• 在显示图表之前更改延迟
• 隐藏工具提示后销毁图表

两者的示例：http://jsfiddle.net/D3x89/2/

用于在工具提示中销毁图表的代码：

(function (H) {
    H.wrap(H.Tooltip.prototype, 'hide', function (p) {
        p.call(this);
        var tooltip = $("#hc-tooltip").highcharts();
        if (tooltip) {
            tooltip.destroy();
        }
    });
})(Highcharts)