ファンシーボックスのハイチャートプロット

Question

fancyboxにハイチャートプロット（URLを使用）を表示したいと思います。 http://jsfiddle.net/Ruloco/PFVxK/3043/

私はちょうどリンクを交換する場合、それは動作しません：このような何か

<a class="fancybox" data-thumbnail="http://fancyapps.com/fancybox/demo/1_s.jpg" href="http://fancyapps.com/fancybox/demo/1_b.jpg">Open #1</a> 

と、これはfancyboxの内側に表示されるハイパーリンクです：

http://www.highcharts.com/studies/data-module-csv.htm

どうすればいい？前もって感謝します！

Answer 1

私はあなたがhighchartを表示するためにはiframeを使用する必要がFiddle更新

Htmlの

<a class="fancybox" data-fancybox-type="iframe" href="http://www.highcharts.com/studies/data-module-csv.htm">Iframe</a> 

のJs

$(document).ready(function() { 
$(".fancybox") 
    .attr('rel', 'gallery') 
    .fancybox({ 
     helpers: { 
      thumbs: { 
       width : 40, 
       height : 40, 
       source : function(current) { 
        return $(current.element).data('thumbnail'); 
       } 
      } 
     } 
    }); 
     });