Highcharts:工具提示中的图表:"图像保留"在Firefox中

时间:2014-08-06 03:19:26

标签: jquery highcharts

我正在尝试在HC工具提示中渲染图表并面临图像保留问题"在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的屏幕截图:

tooltip retention example

1 个答案:

答案 0 :(得分:0)

您可能需要做两件事:

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

两者的示例: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)