0

IE7を除くすべてのブラウザーで正常に機能するグラフを作成しました。変更を加えるたびに、別の変更を行う前に、それが機能することを確認しました。グラフに満足したら、ページの他の場所にリストを追加することにしました(派手なものはなく、スタイルのない順序付けられていないリストだけです)。IE7に戻ってページのどこにあるかを確認すると、グラフが消えていました。

ページが機能することを最後に知ってからページに加えたすべての変更を元に戻しましたが、何も機能しませんでした。動作することがわかっていた以前のバージョンのページを復元しましたが、いや、まだ空白です。私はコーヒーを淹れるために立ち去り、戻ってきて画面をリフレッシュしました。そして、見よ、チャートが機能したのを見てください。5分後に何も変更せずに再度チェックしたところ、再び停止しました。

google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Grade', 'Target', 'Interim Target', 'Actual'],
      ['1',  70, 50,      <? echo $percentage1; ?>],
      ['2',  20, 40,     <? echo $percentage2; ?>],
      ['3',  10, 10,     <? echo $percentage3; ?>]
    ]);

    var options = {
      title: 'Grade Totals',
      colors: ['#B3C234', '#32CCFE', '#713973'],
      hAxis: {title: 'Grades', titleTextStyle: {color: 'black'}},
      vAxis: {title: 'Percentage', titleTextStyle: {color: 'black'}},
      "backgroundColor": { fill: "none" },
      'fontName' : '"Arial"',
    };

    var chart = new google.visualization.ColumnChart(document.getElementById('grades_div'));
    chart.draw(data, options);
  }

コードに問題はないと思います。カスタマイズすることに夢中になったことはありません。私はこれをWindows8のIE10でWindows7ブラウザーモードを使用してテストしています。

他の誰かがこのタイプの問題を抱えていますか?

ありがとう

4

0 に答える 0