Meteor 莫代尔流星高度图

Meteor 莫代尔流星高度图,meteor,highcharts,modal-dialog,bootstrap-modal,Meteor,Highcharts,Modal Dialog,Bootstrap Modal,我试图显示一个模态内部的图表 我在maazalik:highcharts软件包中使用Meteor。最初,当模态出现时,图表在模态之外。只要我调整窗口的大小,图表就会正确地显示在模式中 按钮单击事件触发器: $('#accountsDetailsModal').modal('show'); “我的模态”位于模板中: <template name="AccountsGraph"> <div id="accountsDetailsModal" class="modal

我试图显示一个模态内部的图表

我在maazalik:highcharts软件包中使用Meteor。最初,当模态出现时,图表在模态之外。只要我调整窗口的大小,图表就会正确地显示在模式中

按钮单击事件触发器:

$('#accountsDetailsModal').modal('show');
“我的模态”位于模板中:

  <template name="AccountsGraph">  
   <div id="accountsDetailsModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close on-close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Accounts Details</h4>
                </div>
                <div class="modal-body">
                    <div id="container" style="width:100%;margin: 0 auto">
                       {{> highchartsHelper chartId="accountsDetails" chartWidth="100%" charHeight="100%" chartObject=accountsGraph}} 
                    </div> 
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-default on-close" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div> 
</template>

添加到配置对象:

func: function(chart) {
            setTimeout(function() {
                chart.reflow();
            }, 0);
        }

添加到配置对象:

func: function(chart) {
            setTimeout(function() {
                chart.reflow();
            }, 0);
        }