我创建了在除 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 浏览器模式对此进行测试。
其他人有这种类型的问题吗?
谢谢