包括谷歌的可视化时间轴失败

dialog.php包括jQuery UI的标签包括谷歌的可视化时间轴失败

<div id="tab2"> 
<iframe width="100%" height="80%" src='timeline.php'/> 
</div>

timeline.php

$timeline = getData($_dbo, 'somefilter1', 'otherfilter1'); // getData selects data from a DB 

?> 
<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["timeline"]}); 
     google.setOnLoadCallback(drawChart); 

     function drawChart() { 
     var container = document.getElementById('timeline'); 
     var chart = new google.visualization.Timeline(container); 
     var dataTable = new google.visualization.DataTable(); 

     dataTable.addColumn({ type: 'string', id: 'State' }); 
     dataTable.addColumn({ type: 'date', id: 'Start' }); 
     dataTable.addColumn({ type: 'date', id: 'End' }); 

     dataTable.addRows([  
     <? 
     $c = 0; $state = array(); 
     foreach($timeline as $row) 
     { 
      if(count($state) == 0) 
      { 
       $state['s'] = $row['CurrentStatus']; 
       $state['r'] = $row['Rank']; 
       $state['start'] = "new Date(".$row['HYear'].", ".$row['HMonth'].", ".$row['HDay'].")"; 
      } 

      if($row['CurrentStatus'] != $state['s'] || $timeline[$c]['ClosedDate'] != '') 
      { 
       $date = "new Date(".$row['HYear'].", ".$row['HMonth'].", ".$row['HDay'].")"; 
       $currentstate = $state['r'].' '.$state['s']; 
       ?> 
       [ '<?= $currentstate ?>', <?= $state['start'] ?>, <?= $date ?> ]<? 
       if ($c < count($timeline) && $timeline[$c]['ClosedDate'] == '') echo ",\r\n"; 

       $state['s'] = $row['CurrentStatus']; 
       $state['r'] = $row['Rank']; 
       $state['start'] = "new Date(".$row['HYear'].", ".$row['HMonth'].", ".$row['HDay'].")"; 
      } 

      if($timeline[$c]['ClosedDate'] != '') break;    
      $c++; 
     } 
     ?>  
     ]); 


     chart.draw(dataTable); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="timeline" style="height: 180px; width:100%;"></div> 
    </body> 
</html>

我现在的问题是，我的图表没有得到正确显示，并在左侧切断。有时我得到一个错误：“无法获取未定义或空引用的属性”日志“（我可以通过随机关闭和重新打开对话框和切换标签重现该错误）。

mytimeline 您能否帮我找到我的问题或提供解决方案，以便如何在模态对话框中正确包含Google可视化图表？

编辑：时间轴工作正常，不包括在对话框中。当我在浏览器中打开“timeline.php”时，一切看起来都很好。只有与对话框或选项卡或两者都有问题？！

来源

2016-01-22 Charly H

我设法找到解决方案。所以我想我会回答我自己的问题。我改变了我的标签内容不包括iframe中，但常规的DIV像这样：

<div id="tab2"><div id="timelinediv"></div></div>

，我用在同一页上我的JavaScript，所以我没有从另一个网页包含它。也许不是最好的可读解决方案，但它为我工作。

来源

2016-01-29 12:45:28

包括谷歌的可视化时间轴失败

回答

相关问题