6

我使用的可視化庫的圖表工作正常在Firefox/Chrome中,但是當我在IE7中測試時,我得到了不同的字體顯示在圖表上。不同的電腦產生不同的結果谷歌圖表在IE7

因此,衆所周知,我運行IE9,但使用IE7「瀏覽器模式」進行測試。

另外,我在谷歌圖表中使用了新的「corepackage」,所以它在需要時同時使用VML和SVG,因此它在IE中呈現。但無論出於什麼原因,我都會在IE7中獲得奇怪的字體。

任何人都可以解釋可能發生什麼?

截圖來自谷歌: 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> 

回答

16

單結束語字體名稱,然後雙引號似乎解決字體問題(雖然它仍然顯示粗體和斜體,其中有不似乎是一種解決方法)。

例如 -

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

+0

這也適用於我。 –

+0

太棒了。我只能猜測你花了多少小時才能弄清楚。爲我工作,tx。 – Fox