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