2013-03-16 77 views
1

我用柱形图(Highcharts),在我的意甲,事件点击我有这样的:Highcharts,highslide和的ReportViewer

var name = this.category; 
var url='../Graphics/VtnPopup.aspx?cat='+name; 
$.get(url, function (data) { 
hs.htmlExpand(null, { 
pageOrigin: { 
x: 50, 
y: 50 
}, 
headingText: name, 
maincontentText: data 
}); 

但VtnPopup我有一个的ReportViewer,所以当highslide开放我无法看到报告,我认为它可能是“maincontentText”类型,你有任何想法做这样的事情吗?

回答

1

如果您想在弹出窗口中打开特定的URL,则不能使用Highslide maincontent方法。您必须使用Highslide iframe弹出框 - objectType: 'iframe',并结合src变量。
使用此在plotOptions

series: { 
    cursor: 'pointer', 
    point: { 
     events: { 
      click: function() { 
       var name = this.category; 
       var url = '../Graphics/VtnPopup.aspx?cat=' + name; 
       hs.htmlExpand(null, { 
        pageOrigin: { 
         x: 50, // this.pageX, will open the popup on top of each column 
         y: 50 // this.pageY will open the popup on top of each column 
        }, 
        objectType: 'iframe', 
        src: url, 
        headingText: name 
       }); 
      } 
     } 
    } 
} 
+0

喔我看,很好,可以完美运行。谢谢,你做了我的一天:D。还有一个问题,我如何将宽度和高度更改为100%以覆盖所有屏幕? – Lorenzo 2013-03-19 15:54:41

+0

对不起 - 我之前没有看到您的后续问题。请参阅Highslide演示页面了解如何创建全宽/高iframe弹出窗口:http://www.roadrash.no/hs-support/full-size-popup.html – RoadRash 2013-04-08 14:38:21

+0

谢谢,我用过: var sW = $ (窗口).WIDTH() - 50; var sH = $(window).height() - 50; 并设置宽度和高度。 – Lorenzo 2013-04-08 14:56:43