0

これは私のコードです：

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

削除すると： "<h4> dfs </ h4>" iexplorerでグラフが正常に機能しますが、削除しないと、最初のグラフは正常に機能しますが、2番目のグラフはその軸が表示されません。 ！！試してみると、（Internet Explorerで）表示されます。この問題を解決するには助けが必要です。同じページに複数のグラフがある場合、これらのグラフの奇妙な動作に直面しています。

4

1 に答える 1

1

問題: ページに 3 つのグラフがありますが、3 つ目のグラフの軸が IE に表示されません

解決策: 3 つの div がテーブルの個別の行としてあり、3 つのグラフすべてに軸が表示されるようになりました。

お役に立てれば。乾杯

于 2012-06-18T20:12:48.820 に答える