bootstrap-dialog弹出的echarts图表显示空白问题

项目中有个需要点击然后弹出echarts图表的功能要实现,但是实际使用过程中弹出的echarts图表显示为空白;后注意到dialog的形式不管是链接的另一个页面还是当前页面的某个隐藏div,实际上最终都是属于触发弹出窗的母体的;于是采用iframe的方式进行了页面隔离,这样就属于两个页面了,之间就不会互相干扰了。

代码如下

BootstrapDialog.show({
                title : '服务状况详情',
                draggable: true,
                closable: true,
                closeByBackdrop: false,
                closeByKeyboard: false,
                //message : $('<div</div>').load('monitor2.html'),
                // message: $($("#enginePlus").prop("outerHTML")),
                message: '<iframe src=" monitor3.html" width="600" height="2600" frameborder="0" scrolling="no"></iframe>',
                buttons : [ {
                    label : '确定',
                    cssClass : 'btn-primary',
                    action : function(dialogRef) {
                        dialogRef.close();
                    }
                }, {
                    label : '取消',
                    action : function(dialogRef) {
                        dialogRef.close();
                    }
                } ]
            });
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值