Gráfica de coordenadas simple en formulario.


([N1] PPGood) #1

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.



([N3] blavan) #2

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

 

 


([N1] PPGood) #3

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.


([N3] blavan) #4

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

 


([N4] bitcodesoft) #5

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.


([N4] Jorge) #6

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


([N1] PPGood) #7

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”></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.



([N3] asesoria) #8

Gracias por compartir la solución

 


([N3] blavan) #9

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

 

Gracias


([N4] mperez) #10

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

Sobre temáticas similares

http://aaahaa.wordpress.com/2011/04/12/la-primera-vclase-vchoosecolor/

http://aaahaa.wordpress.com/2011/04/19/burbujas/