jQuery Flot - Moviendo puntos

Buscando encontré esta magnífica librería para representar gráficas en javascript para jQuery. Aqui se puede encontrar toda la información sobre ella: http://www.flotcharts.org

Además de dibujar las gráficas, necesitaba poder mover sus puntos a mi antojo. Aquí tenía un problema, no existía esa propiedad cuando representaba las gráficas, así que decidí implementarla. Ver aqui ejemplo.

Ver ejemplo

Javascript



HTML


<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Flot Ejemplos: Interactividad</title>
	<link href="examples.css" rel="stylesheet" type="text/css">
	<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../excanvas.min.js"></script><![endif]-->
	<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
	<script language="javascript" type="text/javascript" src="js/jquery.flot.js"></script>
<link rel="stylesheet" href="fileadmin/templates/jerogarenweb/css/prism.css">
<script src="fileadmin/templates/jerogarenweb/js/prism.js" type="text/javascript"></script>
</head>
<body>
	<div id="header">
		<h2>Interactividad</h2>
	</div>
	<div id="content">
		<div class="demo-container">
			<div id="placeholder" class="demo-placeholder"></div>
		</div>
		<p>Pincha en un punto y muevelo. Vuelve a pinchar para fijarlo en la nueva posición.</p>
		<p>La interactividad es un punto importante en estas gráficas. Intenta arrastrar y pinchar en la gráfica.</p>
		<p>
			<label><input id="enablePosition" type="checkbox" checked="checked"></input>Posición del ratón</label>
			<span id="hoverdata" style="color:red"></span>
			<span id="clickdata"></span>
		</p>
		<button id="miboton" >Posición del punto seleccionado</button>
	</div>
	<div id="footer">
		Copyright © 2007 - 2013 IOLA and Ole Laursen - Modificado por http://jerogaren.com 
	</div>
</body>
</html>



Sin Comentarios
Añadir Comentario

* Campo requerido

*
Imagen CAPTCHA para prevenir el uso abusivo
Si no puede leer toda las letras, haga clic aquí.
*
*

Blog


Quiero dejar aquí constancia de mi experiencia en el primer Hackatón al que asisto, Majadahack. Cuando me enteré del evento (y de que era un Hackatón), dudé si ir dado que este tipo de eventos reune a programadores dispuestos a crear una aplicación...
Leer más...

Intro jQuery Mobile nunca pretendio ser usado como un framework para aplicaciones híbridas basadas en HTML5/CSS. De un modo parecido...
Leer más...

Me acabo de enterar que hay una feria sobre Android en Madrid y mirando el programa he visto cosas bastante interesantes. Son los dias 9 y 10 de Diciembre. Dejo aqui un enlace al...
Leer más...

Displaying results 1 to 3 out of 4
<< First < Anterior 1-3 4-4 Siguiente > Last >>

Pagina desarrollada he integrada en TYPO3 por Jero García. Email: jerogaren@gmail.com