图表不显示在引导模式内
我想在引导模式中显示图表。代码在这里：但它不工作，图表不显示。如何解决这个问题？
<div id="myModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div id="chart1" style="height:300px; width:600px;"></div>
</div><!-- /.modal -->
<script class="code" type="text/javascript">
$(document).ready(function(){
var line1=[['23-May-08', 578.55], ['20-Jun-08', 566.5], ['25-Jul-08', 480.88], ['22-Aug-08', 509.84];
var plot1 = $.jqplot('chart1', [line1], {
title:'Data Point Highlighting',
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{
formatString:'%b %#d'
}
},
yaxis:{
tickOptions:{
formatString:'$%.2f'
}
}
});
$('#myModal').bind('shown',function() {
plot1.replot();
});
});
</script>
#button type=“button”class=“btn btn primary btn lg active”数据切换=“modal”数据目标=“#myModel”
共有2个答案
尝试在模态之后绘制图表，如下所示：
$('#myModal').modal();
// and then
$('#myModal').on('shown.bs.modal', function (e) {
plot1.replot();
//...
您必须在显示完成模式框后显示字符
在引导程序3中：
$('#myModal').on('shown.bs.modal', function (e) {
var plot1 = $.jqplot('chart1', [line1], {
title:'Data Point Highlighting',
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{
formatString:'%b %#d'
}
},
yaxis:{
tickOptions:{
formatString:'$%.2f'
}
}
});
});
-
我需要能够使用或类似函数打开Twitter引导模式窗口。只需要代码就可以进入。我正在尝试创建一个可单击的来打开模式。 代码摘录： 分区代码： 模态分区代码： JavaScript：
-
问题内容： <%= image_tag "Background.jpg" %> 我如何使上述代码全屏显示Twitter Bootstrap模态弹出窗口，我尝试使用CSS，但无法按照我想要的方式获得它。任何人都可以帮我。 问题答案： 我在Bootstrap 3中使用以下代码实现了这一目标： 通常，如果您对间距/填充问题有疑问，请尝试右键单击（或在Mac上按cmd键单击），然后在Chrome上选择“检
-
我生成了下面的fop代码，用于显示包含一些数据的2列2行的表格。 问题：表格在rtl模式下没有右对齐，但是单元格中的内容是右对齐的，这是正确的。我检查了输出，看到写入模式应用于从右到左正确显示文本的表格单元格，但表格本身没有右对齐，尽管为块容器提供了右和绝对位置属性。我尝试给fo:table赋予相同的属性，但它仍然不起作用。 我检查了apache fop文档，并且正确使用了属性。如果我错过了什么，
-
我的代码有问题。如果我点击按钮搜索在我的表单，当一个字段有输入，我得到按钮搜索与弹出在同一时间。 但我只想在单击“搜索”按钮时显示弹出窗口。 代码html在以下链接中:https://jsfidle.net/ge5zxmst/ 谢谢你帮忙。
-
问题内容： 我正在尝试使用AngularJS bootstrap.ui显示模式对话框。当我执行$ modal.open（…）时，屏幕变灰，并且我的templateUrl中的html从服务器调用，但是没有模式显示。当我单击灰色区域时，模态“关闭”，即灰色区域消失，屏幕再次看起来正常。我无法弄清楚为什么看不到任何模态屏幕。 我正在尝试遵循本教程： Angular指令 我正在使用Visual Studi
-
在引导模式中是否有一个选项可以使它保持模式，即使用户点击离开模式？当用户在对话框外部单击时，模式对话框将隐藏。我希望它保持模态，直到用户单击关闭按钮。