多個谷歌圖表正在發生

這是我的代碼：
多個谷歌圖表正在發生

<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做工精細的圖，但是當我不刪除它時，第一個圖表正常工作，但第二個圖表的軸線沒有出現！試試看，你會看到（在Internet Explorer上）。我需要一個幫助解決這個問題，我面臨着這些圖表中奇怪的行爲，當在同一頁面中有多個圖表時

來源

2012-05-09 Ahmad Soboh

問題：我在頁面上有3個圖表，但第3個圖表的座標軸不是在IE瀏覽器中顯示

解決方案：我有3個div作爲表格中的單獨行，所有3個圖表現在都顯示它們的軸！

希望這會有所幫助。乾杯

來源

2012-06-18 20:12:48

將目標div放在表格中也爲我修正了錯誤。 – Christopher

多個谷歌圖表正在發生

回答

相關問題