IE7中的Google Chart

Question

我正在使用可视化库,图表在Firefox/Chrome中运行良好,但是当我在IE7中测试时,我得到了一个不同的字体显示在图表上.不同的计算机产生不同的结

所以众所周知,我正在运行IE9但是使用IE7"浏览器模式"进行测试.

此外,我在Google Charts中使用新的"corepackage",因此它在需要时使用VML和SVG,因此它在IE中呈现.但无论出于何种原因,我在IE7中得到了奇怪的字体.

任何人都可以解释可能发生的事情吗？

Google的屏幕截图: 完整图片 图表http://i56.tinypic.com/14aye5s.png

编辑:这是图表的脚本:

<script type="text/javascript">
              function drawChart() {
              var data = new google.visualization.DataTable();
      data.addColumn('string', 'Column1');
data.addColumn('number', 'Column2');
data.addRows(12);

// Removed data for NDA puroses

var chart = new google.visualization.ColumnChart(document.getElementById('Project'));
var formatter = new google.visualization.NumberFormat(
               {prefix: '&#163;',
                negativeParens: true,
                decimalSymbol: '.',
                groupingSymbol: ','
               });
formatter.format(data,0);
formatter.format(data,1);
chart.draw(data, {colors: ['#FFC6A5','#FFFF42','#DEF3BD','#00A5C6','#DEBDDE'], width: 600, height: 300, min: 0, max:0, is3D: false, legend: 'bottom', title: 'Project Variance', isVertical:true, isStacked:true});}google.setOnLoadCallback(drawChartProjectVariance);</script>

Answer 1

将字体名称包装成单个,然后双引号似乎可以修复字体问题(尽管它仍然以粗体和斜体显示,这似乎不是一种修复方法).

例如 -

var options = {'fontName' : '"Arial"'}

Answer 2

IE7 不支持 SVG。您可以在此线程中看到一些替代方案：

/sf/ask/221443561/