|
[JavaScript] jquery: jqplot+thickbox
#36353180
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
|
|
|
|
Проблема при работе плагина jqplot (графики и диаграммы) при использовании внутри модального окна thickbox.
<a href="?page=bar&placeValuesBeforeTB_=savedValues&TB_iframe=true&height=500&width=700" class="thickbox" style="text-decoration:none;">тест мод окно</a>
<a href="?page=bar" style="text-decoration:none;">тест новое окно</a>
Во втором случае отрабатывает нормально, в первом ничего не отображается и div-ка, в которую помещается содержимое графика пустая.
Никто с подобным не сталкивался? Как это можно побороть.
Заранее спасибо.
P.S. На всякий содержимое bar.php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.jqplot.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.barRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.categoryAxisRenderer.js"></script>
<style type="text/css" media="screen">
.jqplot-axis {
font-size: 0 .85em;
}
</style>
</head>
<body>
<div id="chart" style="margin-top:20px; margin-left:20px; width:400px; height:300px;"></div>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
line1 = [[ 2006 , 4 ], [ 2008 , 9 ], [ 2009 , 16 ]];
line2 = [[ 2006 , 3 ], [ 2007 , 7 ], [ 2008 , 6 ]];
line3 = [[ 2006 , 5 ], [ 2007 , 1 ], [ 2008 , 3 ], [ 2009 , 7 ]];
line4 = [[ 2006 , 2 ], [ 2007 , 5 ], [ 2008 , 4 ], [ 2009 , 9 ]];
plot3 = $.jqplot('chart', [line1, line2, line3, line4], {
seriesDefaults:{renderer:$.jqplot.BarRenderer, rendererOptions:{barPadding: 10 , barMargin: 10 }},
legend: {show:true, location: 'nw'},
axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer}, yaxis:{min: 0 , max: 20 , numberTicks: 6 }}
});
});
</script>
</body>
</html>
|
|
|
