creare un istogramma con js

**performance** · 22-09-2004, 16:06

Ciao a tutti,
qualcuno sa come creare un istogramma che mostri i dati pescati dal mio db postgres...ma realizzato con javascript? Esiste qualche libreria per farlo?Qualcuno mi può dare qualche dritta??

Grazie 1000...

**badaze** · 22-09-2004, 16:17

Si puo' fare cosi....

codice:

<!--
var dati = new Array(100,25,10,33,56,77,55,5);
for (i=0;i<dati.length;i++) {
 document.write('<div style="width:'+dati[i]+'px;background-color:red"></div>');
} // for (i=0;i<dati.length;i++)
//-->
</script>

**badaze** · 22-09-2004, 16:22

O ancora cosi

codice:

<script language="JavaScript" type="text/javascript">
<!--
var dati = new Array(100,25,10,33,56,77,55,5);
for (i=0;i<dati.length;i++) {
 document.write('<div style="width:'+dati[i]+'px;background-color:red"></div>');
} // for (i=0;i<dati.length;i++)
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
var dati2 = new Array(100,25,10,33,56,77,55,5);
document.write('<table><tr>');
for (i=0;i<dati2.length;i++) {
 document.write('<td valign="bottom">');
 document.write('<DIV style="height:'+dati2[i]+'px;background-color:red;writing-mode:tb-rl">&nbsp</DIV>');
 document.write('</td>');
} // for (i=0;i<dati2.length;i++)
document.write('</tr></table>');
//-->
</script>

**performance** · 22-09-2004, 16:24

Ti ringrazio...provo subito!

**roboro** · 22-09-2004, 17:12

interessante ma se volessi inserire delle diciture a lato e sotto ogni colonna?

come se fa...?

**badaze** · 22-09-2004, 17:14

Originariamente inviato da roboro
interessante ma se volessi inserire delle diciture a lato e sotto ogni colonna?

come se fa...?

Cosi....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
var dati = new Array(100,25,10,33,56,77,55,5);
for (i=0;i<dati.length;i++) {
 document.write('<div style="width:'+dati[i]+'px;background-color:red"></div>');
} // for (i=0;i<dati.length;i++)
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
var dati2 = new Array(100,25,10,33,56,77,55,5);
document.write('<table><tr>');
for (i=0;i<dati2.length;i++) {
 document.write('<td valign="bottom">');
 document.write('<DIV style="height:'+dati2[i]+'px;background-color:red;writing-mode:tb-rl;">'+dati2[i]+'</DIV>');
 document.write('</td>');
} // for (i=0;i<dati2.length;i++)
document.write('</tr></table>');
//-->
</script>

</body>
</html>

**roboro** · 22-09-2004, 17:17

supponmendo di averle memorizzate in unaa array es:

voci[0] = "colonna1"
voce[1] = "colonna 3"
ecc

e poi

laterale[0]=1;
laterale[2]=2;

insomma dei numeri per calcolarne le dimensioni...

è possibile o è chiedere troppo?

Grazie mille

ciao

**roboro** · 22-09-2004, 17:18

si ok..fantastisco...

ma sotto ciascuna colonna pescando da un array come diavolo dsi fa?

**roboro** · 22-09-2004, 17:22

ci sto provando ma viene un obrobrio

**badaze** · 22-09-2004, 17:30

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
var dati = new Array(100,25,10,33,56,77,55,5);
var colonne = new Array('col1','col2','col3','col4','col5','col6','col7','col8');
for (i=0;i<dati.length;i++) {
 document.write('<div style="width:'+dati[i]+'px;background-color:red"></div>');
} // for (i=0;i<dati.length;i++)
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
var dati2 = new Array(100,25,10,33,56,77,55,5);
document.write('<table><tr>');
for (i=0;i<dati2.length;i++) {
 document.write('<td valign="bottom">');
 document.write('<DIV style="height:'+dati2[i]+'px;background-color:red;writing-mode:tb-rl;">'+dati2[i]+'</DIV>');
 document.write('</td>');
} // for (i=0;i<dati2.length;i++)
document.write('</tr><tr>');
for (i=0;i<dati2.length;i++) {
 document.write('<td valign="bottom">');
 document.write('<DIV style="writing-mode:tb-rl;">'+colonne[i]+'</DIV>');
 document.write('</td>');
} // for (i=0;i<dati2.length;i++)
document.write('</tr></table>');
//-->
</script>

</body>
</html>

Discussione: creare un istogramma con js

Strumenti discussione

Ricerca discussione

Visualizza

creare un istogramma con js

Permessi di invio