首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >高级图表:工具提示中的图表: Firefox中的“图像保留”

高级图表:工具提示中的图表: Firefox中的“图像保留”
EN

Stack Overflow用户
提问于 2014-08-06 03:19:26
回答 1查看 667关注 0票数 1

我试图在HC工具提示中呈现图表,并在火狐和IE10中面临“图像保留”的问题。只有Chrome能正常工作。问题是工具提示图的某些元素(例如标记和图例边框)在工具提示关闭后留在主图表上,。演示程序在这里:http://jsfiddle.net/D3x89/

我使用这段代码在工具提示中呈现图表:

代码语言:javascript
运行
复制
    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的屏幕截图:

EN

回答 1

Stack Overflow用户

发布于 2014-08-06 10:03:13

你可能需要做两件事:

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

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

和用于销毁工具提示中的图表的代码:

代码语言:javascript
运行
复制
(function (H) {
    H.wrap(H.Tooltip.prototype, 'hide', function (p) {
        p.call(this);
        var tooltip = $("#hc-tooltip").highcharts();
        if (tooltip) {
            tooltip.destroy();
        }
    });
})(Highcharts)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25151699

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档