Fatal编程技术网

Google visualization 一页多个谷歌图表奇怪的事情正在发生

google-visualization

Google visualization 一页多个谷歌图表奇怪的事情正在发生,google-visualization,Google Visualization,这是我的代码： <html> <title>report</title> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {pac

这是我的代码：

  <html>
  <title>report</title>
  <head>


  <script type="text/javascript" src="https://www.google.com/jsapi"></script>

  <script type="text/javascript">
     google.load("visualization", "1", {packages:["corechart"]});

     function soso(){
       var data_flow = new google.visualization.DataTable();
       data_flow.addColumn('string', 'Version');
       data_flow.addColumn('number','flow');
       data_flow.addRows([['20120125',466.0],['20120130',173.0],['20120203',160.0],['20120208',529.0],['20120213',210.0]]);
       var options = {width: 2200, height: 540,title: ''}; 
       var chart_flow= new google.visualization.LineChart(document.getElementById('checkin-column'));
       chart_flow.draw(data_flow, options);
     }
     function loveu()
     {
        var data_flow_1 = new google.visualization.DataTable();
       data_flow_1.addColumn('string', 'Version');
       data_flow_1.addColumn('number','flow');
       data_flow_1.addRows([['20120125',466.0],['20120130',173.0],['20120203',160.0],['20120208',529.0],['20120213',210.0]]);
       var options5 = {width: 2200, height: 540,title: ''};
       var chart_flow_1= new google.visualization.LineChart(document.getElementById('redemption-table'));
       chart_flow_1.draw(data_flow_1, options5);
     }
     function drawChart() {
       soso();
       loveu();

     }
      google.setOnLoadCallback(drawChart);
   </script>
   </head>
   <body>
  <h4>dfs</h4><br>
  <br><br>
  <div id="checkin-column"></div>
    <p></p>
    <div id="redemption-table"></div>
   </body>
   </HTML>


报告
load（“可视化”、“1”、{packages:[“corechart”]}）；
函数soso（）{
var data_flow=new google.visualization.DataTable（）；
data_flow.addColumn（'string'，'Version'）；
数据流addColumn（'number'，'flow'）；
数据流添加行（['20120125'，466.0]，'20120130'，173.0]，'20120203'，160.0]，'20120208'，529.0]，'20120213'，210.0]）；
变量选项={宽度：2200，高度：540，标题：''}；
var chart_flow=new google.visualization.LineChart（document.getElementById（'checkin-column'）；
图表流程图（数据流程、选项）；
}
函数loveu（）
{
var data_flow_1=新的google.visualization.DataTable（）；
数据流1.addColumn（'string'，'Version'）；
数据流1.addColumn（'number'，'flow'）；
数据流1.添加行（['20120125'，466.0]，'20120130'，173.0]，'20120203'，160.0]，'20120208'，529.0]，'20120213'，210.0]）；
var options5={宽度：2200，高度：540，标题：''}；
var chart_flow_1=新的google.visualization.LineChart（document.getElementById（'redemption-table'）；
图表流程图1.绘制（数据流程图1，选项5）；
}
函数绘图图（）{
soso（）；
loveu（）；
}
setOnLoadCallback（drawChart）；
dfs
当我删除：“

dfs

”我在iexplorer中可以很好地运行图表，但是当我不删除它时，第一个图表可以正常运行，但第二个图表的轴不显示！！试试看，你会看到（在Internet Explorer上）。
我需要帮助解决此问题，当同一页中有多个图表时，我会遇到这些图表的奇怪行为问题：我在一页中有3个图表，但第3个图表的轴未显示在IE中

分辨率：我将3个div作为一个表中的独立行，所有3个图表现在都显示了它们的轴

希望这有帮助。
干杯

将目标div放在表中也为我修正了错误。