fancybox 中的 Highcharts 图

Question

我想在 fancybox 中显示 highcharts 图（通过 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

我有更新Fiddle你必须使用iframe来显示highchart

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');
                }
            }
        }
    });
       });