# Gráfica de coordenadas simple en formulario.

**URL:** <https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050>\
**Category:** Velneo\
**Created:** [12 Marzo, 2013 17:05 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050 "2013-03-12T17:05:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![jose-miguel-bueno](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jose-miguel-bueno](https://foros.velneo.com/u/jose-miguel-bueno)\
**Post date:** [12 Marzo, 2013 17:05 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/1 "2013-03-12T17:05:58Z")

</div>

Hola Velneadores.

Estoy intentado hacer una gráfica de coordenadas muy sencilla en un formulario, para ello me valgo de un dibujo estático y una texto “X”.

Esta “X” controla sus coordenadas dos variables.

Mi pregunta es: ¿Sabéis alguno como puedo cambiar las propiedades de coordenadas del objeto “x” en javascript para que cuando inicie el formulario la “X” se posiciones en una determinada posición en pantalla?

Un abrazo a todos.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/d/d9e772738e4641a187bf6cceb44b71c90f0aa9b2.png)

---

<div class="post-metadata">

**Author:** ![benito.lavandeira](https://avatars.discourse-cdn.com/v4/letter/b/439d5e/32.png) [@benito.lavandeira](https://foros.velneo.com/u/benito.lavandeira)\
**Post date:** [12 Marzo, 2013 19:08 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/2 "2013-03-12T19:08:32Z")

</div>

Encuentro muy interesante lo que planteas

Es decir que con Javascript puedas posicionar la X ¿Sólo al inicio del formulario?

¿y en base a que valores?

No te puedo ayudar con javascript pero si eso es posible, si que le veo mucho juego, por ejemplo colocar un mapa google en un formulario e ir posicionando etiquetas interactivas conforme unos valores de una tabla.

También pregunto ¿es posible con Javascript, si fuese así habría que ir con Javascript a fondo y a toda pastilla

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![jose-miguel-bueno](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jose-miguel-bueno](https://foros.velneo.com/u/jose-miguel-bueno)\
**Post date:** [12 Marzo, 2013 19:24 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/3 "2013-03-12T19:24:42Z")

</div>

Hola Blavan, los valores en este caso son unas variables de tipo numérico. Estas variables se cargarían al inicio del formulario a traves de un evento onShow.

Pero como muy bien dices esta opción nos permiten mucho juego.

Un saludo velneadores.

---

<div class="post-metadata">

**Author:** ![benito.lavandeira](https://avatars.discourse-cdn.com/v4/letter/b/439d5e/32.png) [@benito.lavandeira](https://foros.velneo.com/u/benito.lavandeira)\
**Post date:** [13 Marzo, 2013 09:27 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/4 "2013-03-13T09:27:19Z")

</div>

Hola, pero por lo que veo nadie nos contesta a esa posibilidad

&nbsp;

---

<div class="post-metadata">

**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\
**Post date:** [13 Marzo, 2013 14:18 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/5 "2013-03-13T14:18:46Z")

</div>

La clase Widget tiene las propiedaes x e y, pero me temo que son solo de lectura, pero lo que quieres hacer se puede realizar con QML.

---

<div class="post-metadata">

**Author:** ![jorge.hontoria](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/jorge.hontoria/32/86_2.png) [@jorge.hontoria](https://foros.velneo.com/u/jorge.hontoria)\
**Post date:** [13 Marzo, 2013 15:20 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/6 "2013-03-13T15:20:29Z")

</div>

También lo podrías hacer con HTML+JavaScript.

---

<div class="post-metadata">

**Author:** ![jose-miguel-bueno](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jose-miguel-bueno](https://foros.velneo.com/u/jose-miguel-bueno)\
**Post date:** [14 Marzo, 2013 19:27 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/7 "2013-03-14T19:27:20Z")

</div>

Muchas Gracias a todos he conseguido lo que quería poniendo un visor HTML en el formulario e incrunstandole el siguiente código:

\<html xmlns="http://www.w3.org/1999/xhtml"\>

\<head\>  
\<meta http-equiv=“content-type” content=“text/html; charset=utf-8”/\>  
\<title\>  
Google Visualization API Sample  
\</title\>  
\<script type=“text/javascript” src=“[http://www.google.com/jsapi](http://www.google.com/jsapi)”\>\</script\>  
\<script type=“text/javascript”\>  
google.load(‘visualization’, ‘1’, {packages: [‘corechart’]});  
\</script\>  
\<script type=“text/javascript”\>  
function drawVisualization() {  
// Create and populate the data table.  
var data = new google.visualization.DataTable();  
data.addColumn(‘number’, ‘X’);  
data.addColumn(‘number’, ‘Shape 1’);  
data.addColumn(‘number’, ‘Shape 2’);

for (var i = 0; i \< 500; i++) {data.addRow([10, 10, null]);  
}  
for (var i = 1; i \< 100; ++i) {data.addRow([(70), null, (i +1 )])  
}  
for (var i =1; i \< 100; i++) {data.addRow([(i +1), null, ( 50)]);  
}

// Create and draw the visualization.  
var chart = new google.visualization.ScatterChart(  
document.getElementById(‘visualization’));  
chart.draw(data, {title: ‘Cool shapes’,  
width: 300, height: 200,  
vAxis: {title: “Pseudopalabras”, titleTextStyle: {color: “green”}},  
hAxis: {title: “Decisión Ortográfica”, titleTextStyle: {color: “green”}}}  
);  
}

google.setOnLoadCallback(drawVisualization);  
\</script\>  
\</head\>  
\<body style=“font-family: Arial;border: 0 none;”\>  
\<div id=“visualization” style=“width: 300px; height: 300px;”\>\</div\>  
\</body\>  
\</html\>

El resultado es el que veis.

Ahora estoy intentando guardar la gráfica como dibujo.  
¿Alguien me puede ayudar?  
Gracias Velneadores.  
​

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/0/09209fcec506470c2a508857da5e7e6925b56ce5.png)

---

<div class="post-metadata">

**Author:** ![asesoria-entreplazas](https://avatars.discourse-cdn.com/v4/letter/a/bb73d2/32.png) [@asesoria-entreplazas](https://foros.velneo.com/u/asesoria-entreplazas)\
**Post date:** [15 Marzo, 2013 09:20 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/8 "2013-03-15T09:20:20Z")

</div>

Gracias por compartir la solución

&nbsp;

---

<div class="post-metadata">

**Author:** ![benito.lavandeira](https://avatars.discourse-cdn.com/v4/letter/b/439d5e/32.png) [@benito.lavandeira](https://foros.velneo.com/u/benito.lavandeira)\
**Post date:** [15 Marzo, 2013 09:37 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/9 "2013-03-15T09:37:35Z")

</div>

Hola gracias por mostrar el código

Mi pregunta es que no veo la relación entre tu exposición de inicio del hilo y el resultado que muestras.

Esta grafica se posiciona en el formulario en donde tu colocaste un visor html ¿no?

A la segunda cuestión que planteas tampoco te puedo ayudar

&nbsp;

Gracias

---

<div class="post-metadata">

**Author:** ![mperez](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/mperez/32/4668_2.png) [@mperez](https://foros.velneo.com/u/mperez)\
**Post date:** [15 Marzo, 2013 10:54 UTC](https://foros.velneo.com/t/grafica-de-coordenadas-simple-en-formulario/6050/10 "2013-03-15T10:54:19Z")

</div>

Hola

Creo que estos antiguos enlaces os pueden dar muchas pistas.

Pues me da que es similar a una Somatocarta loque quieres realizar y lógicamente en V7 se puede realizar igual o mejor

[http://vdomk.blogspot.com.es/2007/01/somatocarta.html](http://vdomk.blogspot.com.es/2007/01/somatocarta.html)

Sobre temáticas similares

[http://aaahaa.wordpress.com/2011/04/12/la-primera-vclase-vchoosecolor/](http://aaahaa.wordpress.com/2011/04/12/la-primera-vclase-vchoosecolor/)

[http://aaahaa.wordpress.com/2011/04/19/burbujas/](http://aaahaa.wordpress.com/2011/04/19/burbujas/)