Question

我正在使用可视化库，图表在Firefox / Chrome中运行良好，但是当我在IE7中测试时，我会在图表上显示不同的字体。不同的计算机产生不同的结果。

众所周知，我正在运行IE9，但使用IE7“浏览器模式”进行测试。

另外，我在Google Charts中使用了新的“corepackage”，因此它在需要时同时使用VML和SVG，因此它在IE中进行渲染。但无论出于何种原因，我在IE7中得到了奇怪的字体。

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

来自Google的

屏幕截图： Full Image Graph 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

将字体名称包装成单个，然后双引号似乎可以修复字体问题（尽管它仍然以粗体和斜体显示，但似乎没有办法解决）。

e.g。 -

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

Answer 2

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

https://stackoverflow.com/questions/3163479/what-is-a-good-alternative-to-svg-in-ie7

IE7中的Google Chart

2 个答案: