Question

这是我的代码：

  <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>

当我删除时：“＆lt; h4＆gt; dfs＆lt; / h4＆gt;”我在iexplorer中得到的图表运行正常，但是当我不删除它时，第一个图表工作正常，但第二个图表的轴没有出现！试试吧，你会看到（在Internet Explorer上）。我需要帮助解决这个问题，当我在同一页面中有多个图表时，我会遇到这些图表的奇怪行为

Answer 1

问题：我在页面上有3个图表，但第3个图表的轴未在IE中显示

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

希望这会有所帮助。干杯

在一个页面中的多个谷歌图表 - 奇怪的事情正在发生

1 个答案: