Highcharts复制图表的HTML无法禁用光标更改

Question

我有一个相当复杂的 4 个 highcharts 集合。在某一时刻，我将一个图表的整个 HTML 复制到另一个 DIV。如果您将鼠标悬停在图形线条上，则该副本上的问题仍会变为手形（不显示工具提示或任何其他功能）。我试过让整个新 DIV 的 cursor = "cursor:default;"和其他一些东西，但图形线仍然显示手形光标而不是指针。当我尝试在 JSFiddle 中创建一个简单版本时，光标永远不会变成一只手，所以我无法复制问题。我想要一份图表的副本，图表的功能为零。

我将highchart复制到新div的方式是：

$('#copyTo').html($('#container').html());

其中“copyTo”是我的新 DIV，“container”是原始的 highchart

你可以在这里看到一个简化的小提琴，我将高图复制到新的 DIV，但由于小提琴没有将工具提示鼠标悬停显示为原始的手，它也没有在副本中。 http://jsfiddle.net/rplace/dZ7Wa/

如何将整个 highchart 复制到新的 DIV 并让它像“图片”一样而不保留图表的任何功能？目前，除了鼠标悬停变成一只手之外，该图表的其余功能在副本中均无效。

谢谢！

Answer 1

试试这个代码（http://jsfiddle.net/6WS2A/）

function copyClick(){
  $('#copyTo').html($('#container').html());
  var ua = window.navigator.userAgent;
  var msie = ua.indexOf("MSIE ");
  if (msie > 0)   // IE detected , tested it on IE 10  
     $('#copyTo *[style*="cursor: pointer"]').css('cursor','default');
  else 
     $('#copyTo *[style*="cursor:pointer"]').css('cursor','default'); 
}