Android - Ayuda: gráfico js para app

 
Vista:
sin imagen de perfil
Val: 2
Ha disminuido su posición en 2 puestos en Android (en relación al último mes)
Gráfica de Android

Ayuda: gráfico js para app

Publicado por Juan Ignacio (1 intervención) el 12/06/2019 13:31:46
Buenos días, desde hace 3 meses estoy desarrollando una app y ya solo me queda destrabar un problema con un gráfico que quiero insertar para poder publicarla.
Antes que nada debo aclarar que mis conocimientos en programación son básicos, no estudié programación, solo aprendí algo realizando macros en excel, y actualmente la app la estoy desarrollando con appybuilder, es decir, sin programar. Pido disculpas si no uso un lenguaje apropiado para exponer el problema actual.

Les comento el problema,

La app recibe datos del usuario y con los mismos realiza un cálculo, los resultados de esos cálculos quiero que se visualicen en un gráfico. Encontré el gráfico que quiero en highcharts.com, y dentro del archivo .htm del gráfico hice algunas modificaciones para vincularlo a los datos de la app segun un tutorial que leí. El tutorial está hecho para otro gráfico, con ese gráfico me va perfecto, pero no me sirve para mi app. Con el gráfico que si me sirve no me representa los puntos del cálculo, no puedo encontrar donde está el problema. Es como si la variable toma los datos del cálculo pero cuando las introduce al gráfico el gráfico no las lee.

Le puse un alert a la variable y me salen los resultados perfectos, pero el gráfico queda vacío:

Transcribo algunas líneas del código, sino diganme que necesitan para poder ayudarme, datos112 y datos113 aparecen en el gráfico porque son valores fijos, pero datos111 no aparece, aunque si figuran bien los valores en el alert

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Highcharts Example</title>

<style type="text/css">

</style>
</head>
<body>
<script src="highcharts.js"></script>
<script src="series-label.js"></script>
<script src="accessibility.js"></script>
<script src="Chart.bundle.js"></script>
<script src="utils.js"></script>

<div id="container" style="width:100%; margin: 0 auto"></div>




<script type="text/javascript">
var datos = window.AppInventor.getWebViewString() ;
datos = datos.split(",");



datos111 = [[datos[0],datos[1]],[datos[2],datos[3]],[datos[4],datos[5]],[datos[6],datos[7]],[datos[8],datos[9]],[datos[10],datos[11]],[datos[12],datos[13]]];
datos112 = [[0,25],[8,1],[8,18],[14,0],[14,20],[21,1],[21,0]];
datos113 = [[0,18],[6,1],[6,18],[12,1],[12,25],[21,1],[21,0]];



alert (datos111);



var ctx = document.getElementById("container");

var chart1;
chart1 = new Highcharts.chart(ctx, {
chart: {
type: 'line'
},
title: {
text: 'Combustible en carrera'
},
subtitle: {
text: 'Comparación de estrategias'
},
xAxis: {
type: '',
/*dateTimeLabelFormats: { // don't display the dummy year
month: '%e. %b',
year: '%b'
},*/
title: {
text: 'Vueltas'
}
},
yAxis: {
title: {
text: 'Litros'
},
//min: 0
},
tooltip: {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: '{point.x:0f}: {point.y:.2f} m'
},

plotOptions: {
spline: {
marker: {
enabled: true
}
}
},

colors: ['#FF0000', '#008000', '#06C', '#036', '#000'],

// Define the data points. All series have a dummy year
// of 1970/71 in order to be compared on the same x axis. Note
// that in JavaScript, months start at 0 for January, 1 for February etc.
series: [{
name: "Equilibrada",

data: datos111
},
{
name: "PS",

data: datos112
},
{
name: "US",

data: datos113
}]
});
</script>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Ayuda: gráfico js para app

Publicado por omar codificando5000@hotmail.com (34 intervenciones) el 15/06/2019 16:36:16
Puedo realizar tu grafico si deseas con los datos que le escribas
barras
circular

lineal
piramidal
etc
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad