Fuente de los títols en google charts

mblascog · #1 (**permalink**) 03/05/2020, 14:33

Buenas, uso google charts para mi aplicativo y me encuentro un problema que no sé como solucionar y es que no me respeta el tamaño de la fuente

El siguiente código, ejecutado en jsfiddle [JSFIDDLE="https://jsfiddle.net/ux745d01/"][/JSFIDDLE] funciona perfectamente, en cambio, si este código lo assigno por jquery,

Código Javascript:

Ver original$("#maquinasMM").html(resp);

no respeta el tamaño de la fuente de los títulos.
resp contiene el siguiente código:

Código Javascript:

Ver original<div id='chart_div'></div> 
<script> 
google.charts.load('current', {packages: ['corechart', 'bar']}) google.charts.setOnLoadCallback(drawAxisTickColors) function drawAxisTickColors() { var data = google.visualization.arrayToDataTable([ 
['Llegenda', 'Ventas'], 
['AAA', 8], 
['BBB', 7], 
['CCC', 7], 
['DDD', 3], 
]); 
var options = { 
title: 'MÀQUINES MÉS VENUDES', 
colors:['#00529c'], 
titleTextStyle: {color:'#000', fontSize:25, bold:true,}, 
chartArea: {width:'75%',}, 
height: 640, 
hAxis: {title: 'Total màquines', minValue:0, titleTextStyle:{color:'green', fontSize:25, bold:true, italic:true,}, }, 
vAxis: {title: 'Màquines', titleTextStyle:{color:'blue', fontSize:8, bold:true,} } }; 
var chart = new google.visualization.BarChart(document.getElementById('chart_div')) chart.draw(data, options) } 
</script> 
<body> 
<div id='chart_div' style='width: 800px; height: 600px; margin: auto; margin-top: 0px;'>
</div> 
</body>

Alguien sabe por qué? Muchas gracias

prueba230683 · #2 (**permalink**) 03/05/2020, 15:54

A mí me aparece bien el tamaño de los títulos: https://jsfiddle.net/934tn852/

No sé de dónde obtienes resp, seguramente de una petición AJAX. En ese caso sería mejor que desde el servidor incluyeras dicho fichero y así te ahorras problemas de este tipo.

mblascog · #3 (**permalink**) 04/05/2020, 00:39

Gracias por tu respuesta prueba230683.
Sí, llevas razón, obtengo resp de una petición ajax.
No sé cómo hacer lo que comentas sobre incluir el fichero, pero mirando por Internet creo que te refieres a json. Voy a investigar

Muchas gracias de nuevo

prueba230683 · #4 (**permalink**) 04/05/2020, 06:42

Cita:

Sí, llevas razón, obtengo resp de una petición ajax.

En ese caso también podrías cargar el gráfico mediante un iframe.

Código:

<iframe src="URL_DEL_GRAFICO" height="200" width="300"></iframe>

En lugar de hacer la petición a URL_DEL_GRAFICO, utilizar .html() etc.

mblascog · #5 (**permalink**) 04/05/2020, 07:56

Gracias de nuevo.
A lo mejor es que no me entero. Yo genero todo el código en php, mediante una petición ajax, y el código devuelto, lo asigno a un div.
Tu me sugieres que en lugar de cargarlo a un div, lo cargue a un iframe?
Voy a intentarlo, pero lo único que falla, al cargarlo a un div, es el tamaño de la fuente, el resto, va genial

Gracias

prueba230683 · #6 (**permalink**) 04/05/2020, 09:44

Habría que ver si ese código te llega como text/plain o como text/html. Son muchas cosas a tener en cuenta. Me puedes mandar por PM una referencia al sitio web y te lo miro.