Crear graficos


([N3] Servinfor) #1

hola tengo un codigo html sacado de google charts que quiero colocarlo en un formulario para luego cambiar sus valores por contenidos de campos

Para ello creo un formulario y creo un evento html donde pego el codigo tal cual y una conexión que al pre-inicializar el formulario cargue ese evento pero no muestra nada
Al chequear el evento me sale error los corchetes de la etiqueta html aparecen en rojo (tengo que poner comillas o algo así)

<html>
<head>
<script type=“text/javascript” src=“https://www.gstatic.com/charts/loader.js”></script>
<script type=“text/javascript”>
google.charts.load(‘current’, {‘packages’:[‘gauge’]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Label', 'Value'],
      ['Memory', 80],
      ['CPU', 55],
      ['Network', 68]
    ]);

    var options = {
      width: 400, height: 120,
      redFrom: 90, redTo: 100,
      yellowFrom:75, yellowTo: 90,
      minorTicks: 5
    };

    var chart = new google.visualization.Gauge(document.getElementById('chart_div'));

    chart.draw(data, options);

    setInterval(function() {
      data.setValue(0, 1, 40 + Math.round(60 * Math.random()));
      chart.draw(data, options);
    }, 13000);
    setInterval(function() {
      data.setValue(1, 1, 40 + Math.round(60 * Math.random()));
      chart.draw(data, options);
    }, 5000);
    setInterval(function() {
      data.setValue(2, 1, 60 + Math.round(20 * Math.random()));
      chart.draw(data, options);
    }, 26000);
  }
&lt;/script&gt;

</head>
<body>


</body>
</html>

([N3] pacosatu) #2

Hola Servinfor.

Te falta crear el div donde dibujar el gráfico
<body>
<!–Div que muestra el gráfico -->

</body>

En las fórmulas de Velneo no puedes usar comillas, tendrás que poner \c.

Puedes probar un sencillo Editor de código HTML en el siguiente enlace:
vatp://pruebas:pruebas@v7cloud6.velneo.com:8894/0PS_Varios_iapp

Es un editor HTML que por lo menos colorea la sintaxis y ayuda a detectar errores y hacer pruebas rápidas.
Ten en cuenta que una sola comilla mal puesta provoca que no se vea nada.

Probar código HTML en Velneo es muy desagradable porque no tenemos herramientas de depuración.
Usa un depurador externo y una vez que funciona el código lo insertas en Velneo.

Saludos
Paco Satué


([N3] Servinfor) #3

Gracias por tu respuesta pero sigo sin aclararme he añadido el div (he comprobado antes que el html funciona) y sigue dando error, pero incluso pongo un codigo simple
<html>
<body>
“hola mundo”
<body/>
<html/>
y me sigue dandoe rror (te adjunto imagen)

Aparte, ese código html del evento ¿cómo lo muestro en el formulario? mediante un visor html? ¿una vista de datos? y ¿cómo los relaciono con el evento?



([N1] wikan) #4

Estás metiendo código html en un intérprete javascript.

Crea una variable local y guarda el código html. Modificado como necesites y luego esa variable la pones como contenido del visor html.


([N3] Servinfor) #5

Ahhh ya esta claro muchas gracias