Apúntate a la Zona De Descargas Reservadas (ZDDR). Solo son 20 Euros
Con solo 20€ ayudarás
a mantener el foro.


Seguir a udias en Twitter
Directorio de Empresas de Foros de informática


Todo lo que sueñas, se puede diseñar.
We build your dreams.

 - Principal - Estadísticas - Registrarse - Buscar - Lista de usuarios -  - Zona de Descargas
 -Privacidad y política de cookies -
Ayuda al foro con tu donación

Búsqueda en los foros

Foros en Udias.com / FileMaker / Grafica en Filemaker con la API de Google
Autor Mensaje

Miembro

Adicto

  Karma               1965

#1 Publicado: 29 Nov 2017 10:47



Estoy intentando implementar una gráfica de Google, ya he utilizado varias y no he tenido excesivos problemas para poder hacerlo, una vez que manrios me indico como solucionar la no visualización desde el visor web de filemaker.
Pero necesito utilizar una gráfica en concreto y no hay manera llevo días probando y no sé qué puñetas pongo mal.

Necesito esta gráfica.
Creating Material Line Charts

De este enlace,
https://google-developers.appspot.com/chart/intera ctive/docs/gallery/linechart

Le he añadido el mismo código inicial y final que a la resta de gráficas y no funciona, no se ve nada.

Esta se ve bien,
data:text/html,<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></s cript>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {

var data = google.visualization.arrayToDataTable([
['Task', 'Hores per Dia'],
['Ferran', 11],
['Fonoll', 2],
['Qualitat', 2],
['Prevenció', 2],
['Aprodisca', 7]
]);

var options = {
title: 'Activitats'
};

var chart = new google.visualization.PieChart(document.getElementB yId('piechart'));

chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart" style="width: 700px; height: 400px;"></div>
</body>
</html>

Y esta, que es la que necesito no hay manera,
data:text/html,<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></s cript>
<script type="text/javascript">

google.charts.load('current', {'packages':['line']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = new google.visualization.DataTable();
data.addColumn('number', 'Day');
data.addColumn('number', 'Guardians of the Galaxy');
data.addColumn('number', 'The Avengers');
data.addColumn('number', 'Transformers: Age of Extinction');

data.addRows([
[1, 37, 80, 41],
[2, 30, 69, 32],
[3, 25, 57, 25],
[4, 11, 18, 10],
[5, 11, 17, 10],
[6, 8, 13, 7],
[7, 7, 12, 9],
[8, 12, 29, 10],
[9, 16, 42, 14],
[10, 12, 30, 11]
]);


var options = {
chart: {
title: 'Box Office Earnings in First Two Weeks of Opening',
subtitle: 'in millions of dollars (USD)'
},
width: 900,
height: 500
};

var chart = new google.charts.Line(document.getElementById('linech art_material'));

chart.draw(data, google.charts.Line.convertOptions(options));
}
</script>
</head>
</html>

Alguien puede decirme que es lo que tiene mal.


Si este mensaje te ha servido de ayuda dale tu voto Voto positivo, si quieres penalizarlo Voto positivo
Windows 10 - FileMaker Advanced y Server 18

Miembro

Adicto

  Karma               1965

#2 Publicado: 29 Nov 2017 14:41



Solucionado,


<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></s cript>
<script type="text/javascript">
google.charts.load('current', {'packages':['line']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = new google.visualization.DataTable();
data.addColumn('number', 'Day');
data.addColumn('number', 'Guardians of the Galaxy');
data.addColumn('number', 'The Avengers');
data.addColumn('number', 'Transformers: Age of Extinction');

data.addRows([
[1, 37.8, 80.8, 41.8],
[2, 30.9, 69.5, 32.4],
[3, 25.4, 57, 25.7],
[4, 11.7, 18.8, 10.5],
[5, 11.9, 17.6, 10.4],
[6, 8.8, 13.6, 7.7],
[7, 7.6, 12.3, 9.6],
[8, 12.3, 29.2, 10.6],
[9, 16.9, 42.9, 14.8],
[10, 12.8, 30.9, 11.6],
[11, 5.3, 7.9, 4.7],
[12, 6.6, 8.4, 5.2],
[13, 4.8, 6.3, 3.6],
[14, 4.2, 6.2, 3.4]
]);

var options = {
chart: {
title: 'Box Office Earnings in First Two Weeks of Opening',
subtitle: 'in millions of dollars (USD)'
},
width: 900,
height: 500,
axes: {
x: {
0: {side: 'bott'}
}
}
};

var chart = new google.charts.Line(document.getElementById('line_t op_x'));

chart.draw(data, google.charts.Line.convertOptions(options));
}
</script>
</head>
<body>
<div id="line_top_x"></div>
</body>
</html>


Si este mensaje te ha servido de ayuda dale tu voto Voto positivo, si quieres penalizarlo Voto positivo
Windows 10 - FileMaker Advanced y Server 18
Este Tema fue cerrado. No puede publicar mas respuestas.
 

Tópicos relacionados con Grafica en Filemaker con la API de Google

Grafica con Google 2
Grafica de Puntos con Grafica de Lineas.
Google Chart en Filemaker
FileMaker + Google Docs ¿Es posible?
Buscar imágenes de Google desde Filemaker 11, 12 o 13


Conectados: Invitados - 9
Miembros - 0
En verde usuarios ZDDR

Realizado con miniBB © 2001-2020
Para Udias.com © 1996-2020
Hosting con Interdominios