我正在尝试在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的屏幕截图:
答案 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)