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


Con este articulo quiero aclarar como instalar TYPO3 en este proveedor web. La verdad, me ha gustado las herramientas que ofrece. Te da la posibilidad de crear una web a partir de una plantilla que ellos te proporcionan o por otro la lado y es el...
Leer más...

Displaying results 4 to 4 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