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ブラウザーモードを使用してテストしています。
他の誰かがこのタイプの問題を抱えていますか?
ありがとう