我创建的图表在除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);
}
我认为代码没有任何问题,我没有疯狂地定制它。我一直在Windows 8上的IE10中使用Windows 7浏览器模式对此进行测试。
还有其他人有这类问题吗?
由于