# Crear graficos

**URL:** <https://foros.velneo.com/t/crear-graficos/8676>\
**Category:** Velneo\
**Created:** [5 Febrero, 2016 23:28 UTC](https://foros.velneo.com/t/crear-graficos/8676 "2016-02-05T23:28:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![servinfor](https://avatars.discourse-cdn.com/v4/letter/s/cdc98d/32.png) [@servinfor](https://foros.velneo.com/u/servinfor)\
**Post date:** [5 Febrero, 2016 23:28 UTC](https://foros.velneo.com/t/crear-graficos/8676/1 "2016-02-05T23:28:37Z")

</div>

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](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\>

---

<div class="post-metadata">

**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\
**Post date:** [5 Febrero, 2016 23:56 UTC](https://foros.velneo.com/t/crear-graficos/8676/2 "2016-02-05T23:56:53Z")

</div>

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é

---

<div class="post-metadata">

**Author:** ![servinfor](https://avatars.discourse-cdn.com/v4/letter/s/cdc98d/32.png) [@servinfor](https://foros.velneo.com/u/servinfor)\
**Post date:** [6 Febrero, 2016 11:03 UTC](https://foros.velneo.com/t/crear-graficos/8676/3 "2016-02-06T11:03:44Z")

</div>

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?

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/3/3d1b49096c98f3c0bc71e481bd8059e427d9c3c0.jpg)

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [6 Febrero, 2016 11:30 UTC](https://foros.velneo.com/t/crear-graficos/8676/4 "2016-02-06T11:30:01Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![servinfor](https://avatars.discourse-cdn.com/v4/letter/s/cdc98d/32.png) [@servinfor](https://foros.velneo.com/u/servinfor)\
**Post date:** [6 Febrero, 2016 14:18 UTC](https://foros.velneo.com/t/crear-graficos/8676/5 "2016-02-06T14:18:08Z")

</div>

Ahhh ya esta claro muchas gracias