IE9で複数のGoogleグラフ問題が発生する

Question

同じページのGoogleの複数のグラフがIE9では機能しません。 FireFoxで正常に動作します。

私はエラー「マイクロソフトのJScriptランタイムエラー： 『を取得gvjs_lKはここ

』が定義されていない」を例とコードスニペットです。それはGoogleのチャートのウェブサイトで与えられた同じ例です。

https://developers.google.com/chart/interactive/docs/basic_multiple_charts

 // Load Charts and the corechart package. 
 
     google.charts.load('current', {'packages':['corechart']}); 
 

 
     // Draw the pie chart for Sarah's pizza when Charts is loaded. 
 
     google.charts.setOnLoadCallback(drawSarahChart); 
 

 
     // Draw the pie chart for the Anthony's pizza when Charts is loaded. 
 
     google.charts.setOnLoadCallback(drawAnthonyChart); 
 

 
     // Callback that draws the pie chart for Sarah's pizza. 
 
     function drawSarahChart() { 
 

 
     // Create the data table for Sarah's pizza. 
 
     var data = new google.visualization.DataTable(); 
 
     data.addColumn('string', 'Topping'); 
 
     data.addColumn('number', 'Slices'); 
 
     data.addRows([ 
 
      ['Mushrooms', 1], 
 
      ['Onions', 1], 
 
      ['Olives', 2], 
 
      ['Zucchini', 2], 
 
      ['Pepperoni', 1] 
 
     ]); 
 

 
     // Set options for Sarah's pie chart. 
 
     var options = {title:'How Much Pizza Sarah Ate Last Night', 
 
         width:400, 
 
         height:300}; 
 

 
     // Instantiate and draw the chart for Sarah's pizza. 
 
     var chart = new google.visualization.PieChart(document.getElementById('Sarah_chart_div')); 
 
     chart.draw(data, options); 
 
     } 
 

 
     // Callback that draws the pie chart for Anthony's pizza. 
 
     function drawAnthonyChart() { 
 

 
     // Create the data table for Anthony's pizza. 
 
     var data = new google.visualization.DataTable(); 
 
     data.addColumn('string', 'Topping'); 
 
     data.addColumn('number', 'Slices'); 
 
     data.addRows([ 
 
      ['Mushrooms', 2], 
 
      ['Onions', 2], 
 
      ['Olives', 2], 
 
      ['Zucchini', 0], 
 
      ['Pepperoni', 3] 
 
     ]); 
 

 
     // Set options for Anthony's pie chart. 
 
     var options = {title:'How Much Pizza Anthony Ate Last Night', 
 
         width:400, 
 
         height:300}; 
 

 
     // Instantiate and draw the chart for Anthony's pizza. 
 
     var chart = new google.visualization.PieChart(document.getElementById('Anthony_chart_div')); 
 
     chart.draw(data, options); 
 
     }

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
     <!--Table and divs that hold the pie charts--> 
 
    <table class="columns"> 
 
     <tr> 
 
     <td><div id="Sarah_chart_div" style="border: 1px solid #ccc"></div></td> 
 
     <td><div id="Anthony_chart_div" style="border: 1px solid #ccc"></div></td> 
 
     </tr> 
 
    </table> 
 

Answer 1

setOnLoadCallbackは一度だけのページ

ごとに呼び出されるが、いくつかの012があった、また、代わりにcallbackloadに文を追加

を推奨すべきです...作業スニペット以下を参照してください。代わりに'current'

Googleのチャートのバージョン'44'を使用し、これらの問題を回避するために

エラーマイクロソフトのJScriptを取得

// Load Charts and the corechart package. 
 
google.charts.load('44', { 
 
    callback: function() { 
 
    drawSarahChart(); 
 
    drawAnthonyChart(); 
 
    }, 
 
    packages:['corechart'] 
 
}); 
 

 
// Callback that draws the pie chart for Sarah's pizza. 
 
function drawSarahChart() { 
 

 
    // Create the data table for Sarah's pizza. 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'Topping'); 
 
    data.addColumn('number', 'Slices'); 
 
    data.addRows([ 
 
    ['Mushrooms', 1], 
 
    ['Onions', 1], 
 
    ['Olives', 2], 
 
    ['Zucchini', 2], 
 
    ['Pepperoni', 1] 
 
    ]); 
 

 
    // Set options for Sarah's pie chart. 
 
    var options = {title:'How Much Pizza Sarah Ate Last Night', 
 
       width:400, 
 
       height:300}; 
 

 
    // Instantiate and draw the chart for Sarah's pizza. 
 
    var chart = new google.visualization.PieChart(document.getElementById('Sarah_chart_div')); 
 
    chart.draw(data, options); 
 
} 
 

 
// Callback that draws the pie chart for Anthony's pizza. 
 
function drawAnthonyChart() { 
 

 
    // Create the data table for Anthony's pizza. 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'Topping'); 
 
    data.addColumn('number', 'Slices'); 
 
    data.addRows([ 
 
    ['Mushrooms', 2], 
 
    ['Onions', 2], 
 
    ['Olives', 2], 
 
    ['Zucchini', 0], 
 
    ['Pepperoni', 3] 
 
    ]); 
 

 
    // Set options for Anthony's pie chart. 
 
    var options = {title:'How Much Pizza Anthony Ate Last Night', 
 
       width:400, 
 
       height:300}; 
 

 
    // Instantiate and draw the chart for Anthony's pizza. 
 
    var chart = new google.visualization.PieChart(document.getElementById('Anthony_chart_div')); 
 
    chart.draw(data, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<table class="columns"> 
 
    <tr> 
 
    <td><div id="Sarah_chart_div" style="border: 1px solid #ccc"></div></td> 
 
    <td><div id="Anthony_chart_div" style="border: 1px solid #ccc"></div></td> 
 
    </tr> 
 
</table>