6

Estoy utilizando la biblioteca de visualización, los gráficos funcionan bien en Firefox/Chrome, sin embargo, cuando pruebo en IE7, aparece una fuente diferente que aparece en el gráfico. Diferentes computadoras producen diferentes resultados.Google Chart en IE7

Por lo tanto, se sabe que estoy ejecutando IE9 pero utilizando IE7 "modo de navegador" para probar.

Además, estoy usando el nuevo "corepackage" en Google Charts, por lo que utiliza tanto VML como SVG cuando es necesario, por lo que se procesa en IE. Pero por alguna razón, obtengo fuentes extrañas en IE7.

¿Alguien puede explicar lo que podría estar pasando?

captura de pantalla de Google: Full Image Graph http://i56.tinypic.com/14aye5s.png

EDIT: Aquí está la secuencia de comandos para el gráfico:

<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> 

Respuesta

0

IE7 no soporta SVG. Se puede ver algunas alternativas en este hilo:

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

+0

Entonces ¿por qué no muestra mi gráficos, sólo con fuentes extrañas? – Chris

+0

@Chris ¿Por qué no revisas la extensión del archivo en la barra de direcciones para ver si Google te está proporcionando PNG? .. –

+0

Todavía contienen los efectos de desplazamiento/clic y la fuente SVG aún se conserva. – Chris

16

Envolver el nombre de fuente en habitaciones individuales, dobles y cita a continuación, parece solucionar el problema de la fuente (aunque todavía muestra en negrita y cursiva, lo que no hace parece ser una forma de arreglarlo).

p. Ej. -

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

+0

Esto funcionó para mí también. –

+0

Awesome answer. Solo puedo adivinar cuántas horas te tomó resolver esto. Trabajó para mí, tx. – Fox