Question

需要一些帮助，我很困惑。我想要实现的是，只需点击一个按钮，就会出现一个弹出窗口，并根据发送的数据显示条形图。到目前为止，我所知道的是图表绘制没有问题，但是当我把它放入弹出模式时，它没有显示。

<div class="modal hide fade"  id=" PopUpModal" aria-hidden="true" style="float: initial; width :80%" role="dialog">


        <h3 data-bind="text: title"></h3>
        <hr />

        <div id="ChartModal" class="chart" style="width: 780px; height: 300px;"> </div>
    </div>

如您所见，图表模式位于弹出式div中。单击弹出按钮时，除标题和hr行外，弹出模式显示为空。但是，您可以看到图表模式占用的空间，但其空白。当我在弹出窗口外面使用图表模式时，它显示正常。当我删除'class =“modal hide fade”'时，图表显示在弹出窗口内，但弹出窗口不再是弹出窗口，而是页面上的div。

任何人都会看到我可能做错了什么？我不确定我可以使用哪个bootstrap div“class”属性，这将使我能够隐藏弹出窗口直到被点击（我使用$（'＃Pop-Up'）。modal（'show'）;在js中从隐藏更改为可见）并允许图表显示在其中。

Answer 1

这可能是因为图表插件。由于图表在隐藏对象内部，插件不起作用。您必须在模态回调函数中触发图表插件。我的意思是在显示模态窗口后然后运行图表插件而不是页面加载。

＆＃34;莫代尔隐藏褪色＆＃34;阻止内部图表显示

1 个答案: