Grafica javascript

totes · #1 (**permalink**) 16/11/2006, 16:47

¿Alguién sabe como puedo hacer una grafica con unos resultados que obtengo de unas funciones?

Gracias compañeros

vengava · #2 (**permalink**) 17/11/2006, 08:08

totes, te mando un ejemplo de gráfico de barras, si te vale adáptalo a tu gusto. Cambia los valores del array 'valores' y recarga la página y verás que las barras cambian de ancho.
Funciona con IE, Firefox, Opera, al menos:

Código HTML:

<html>
<head>
<style>
   .div1 {padding:0;margin:0;height:20px;width:20px;background-color:#f00}
   .div2 {padding:0;margin:0;height:20px;width:20px;background-color:#0f0}
   .div3 {padding:0;margin:0;height:20px;width:20px;background-color:#00f}
</style>
<script>
   window.onload = function() {
	var valores = [50,60,90];
	for (var i=1; i<=valores.length;i++) {
	   document.getElementById("div"+i).style.width=valores[i-1];
	}
   }
</script>
</head>

<body>
<div id="div1" class="div1"></div>
<div id="div2" class="div2"></div>
<div id="div3" class="div3"></div>
</body>
</html>