Histogramm: Viele Linien malen mit AS

[Arne_Schmidt]

Hallo zusammen,

ich habe also ein Array, das sagen wir mal Punkte aus verschiedenen Kategorien zählt, die ich graphisch darstellen will. Die Punkte dazu werden in Klasse eingeteilt, also jeweils die Summe aller Punkte aus den Fragen 1-10, dann die Fragen 11-20 usw. Diese Klassenbildung funktioniert soweit ganz gut, siehe auch hier: http://www.flashforum.de/forum/showt...771#post851771 Vielen Dank nochmal.

Jetzt will ich die Ergebnisse graphisch darstellen und für jede Klasse eine kleine Linie malen, etwa so:


Der Spieler hätte dann eine schöne Übersicht wo seine stärken und schwächen liegen.

Mein Ansatz (inkl. der Klassenbildung) ist so, wobei das Array hier testweise noch aus fast nur 1en besteht:

xxx = new Array();
 
for (i=1;i<=15;i++){
    xxx[i]=1
}
 
xxx[4]=9
 
trace("Array: "+xxx);
trace("Length:"+xxx.length);
trace("----------------------");
 
for(j=0;j<=10;j++){
        klassej=0
        k=0
        i=0
            for (i=1;i<=10;i++){
                k=(j*10)+i
            //  trace(k)
                klassej=klassej+xxx[k]
                
                
                }
        trace("Summe Klasse "+j+" (1-10) ="+klassej)
[B]  
_root.createEmptyMovieClip( "lines", 1 );
with ( _root.lines )
    {
    lineStyle( 1, 0x000000, 100 );
    moveTo(100, 100);
    lineTo( 100,100-klassej ); 
    }[/B] 
} 

Geht aber nicht. Der Fehler muss irgendwo in dem fetten Teil liegen. Aber wo....

as

[Kryz]

Vielleicht habe ich Dein Vorhaben noch nicht ganz durchschaut, aber falls doch, wirkt es auf mich zumindest ungünstig, dass Du bei jedem Schleifendurchlauf immer wieder einen MC in die Tiefenebene 1 Deiner Hauptzeitleiste setzt:

_root.createEmptyMovieClip( "lines", 1 );

Die 1 und der Name des erzeugten MC sollten also mE dynamisch sein ("lines"+variable, variable).

Auch die moveTo-Befehle sehen recht statisch aus...

[Arne_Schmidt]

Hast du eine Idee für eine cleverere Art, Linien zu zeichnen?

Ich habe das Problem hier nochmal als Diagramm verdeutlicht:


In einem Satz: Irgendwie muss ich bei jedem Durchlauf der Schleife eine Linie mit der Länge klassej aufmalen, immer 10 pixel weiter rechts als die letzte; die alten linien müssen dabei stehen bleiben, damit ich zum schluss ein diagramm mit den absoluten klassenhäufigkeiten habe.

as

[romän]

hi,

irgendwie krieg ich dein gif nicht geladen.

Ich geb jetzt aber trotzdem meinen Senf dazu

xxx = new Array();
for(var i = 0; i < 10; i++){
xxx[i] = random(50);
}
var l = xxx.length;
 
this.createEmptyMovieClip("diagramm", 1);
this.diagramm._x = 100;
 
this.diagramm.lineStyle(1, 0);
for(var j = 0; j < l; j++){
this.diagramm.moveTo(10 * j, 100);
this.diagramm.lineTo(10 * j, 100 - xxx[j]);
} 

gruß,
roman

[romän]

'tschuldigung,

hatte die Klassenerstellung übersehen

2.Versuch

xxx = new Array();
for(var i = 0; i < 10; i++){
        xxx[i] = random(50);
}
var l = xxx.length;
 
this.createEmptyMovieClip("diagramm", 1);
this.diagramm._x = 100;
this.diagramm.lineStyle(1, 0);
 
for(var j = 0; j < l; j++){
 klassej=0
        k=0
        i=0
 for (i=1;i<=10;i++){
                k=(j*10)+i
                //  trace(k)
                klassej=klassej+xxx[k]
                
                
        }
       this.diagramm.moveTo(10 * j, 100);
        this.diagramm.lineTo(10 * j, 100 - klassej);
} 

gruß,
roman

[Arne_Schmidt]

thx!

wo liegt nochmal der unterschied zwischen

y=5 

und

var y = 5 

?

as

[romän]

hi Arne,

wenn du z.B. var bei der Deklaration von Variablen in Funktionen gebrauchst, ist die Variable nur lokal in der Funktion zugänglich und wird direkt nach dem Verlassen der Funktion wieder aus dem Speicher gelöscht.

Läßt du das var weg, ist die Variable nicht nur lokal in dieser Funktion vorhanden, sondern besteht außerhalb der Funktion in der Zeitleiste, in der die Funktion definiert wurde (auch nach dem Verlassen der Funktion, bis sie manuell über delete gelöscht wird).

(Irgendwie schreib ich heute verdammt komplizierte Sätze)

gruß,
roman

[Arne_Schmidt]

@romän: Danke für die Info!

Ich habe das AS ein bisschen modifiziert und erweitert und habe jetzt ein Histogramm von (noch zufälligen) 3100 Werten in Klassen mit 10er-Breite farblich kodiert von rot=wenig über gelb=mittel bis grün=viel und blau=100%.

http://www.wbcd.org/temp/histo_006.swf

xxx = new Array();
for(var i = 0; i <= 3100; i++){
       xxx[i] = random(10);
//  xxx[i] = 10   
}
var l = xxx.length;
 
this.createEmptyMovieClip("diagramm", 1);
this.diagramm._x = 100;
 
 
for(var j = 0; j < ((l/10)-1); j++){
 
        klassej=0
        k=0
        i=0
        for (i=1;i<=10;i++){
                k=(j*10)+i
                //  trace(k)
                klassej=klassej+xxx[k]
                
                
        }
 
//farben start
 
fk=Math.round((klassej/10))
trace(fk)
 
if (fk<=10){
farbe="0x006699"};
 
if (fk<=9){
farbe="0x339900"};
 
if (fk<=8){
farbe="0x66CC33"};
 
if (fk<=7){
farbe="0xCCFF33"};
 
if (fk<=6){
farbe="0xFFFF66"};
 
if (fk<=5){
farbe="0xFFCC66"};
 
if (fk<=4){
farbe="0xFF9900"};
 
if (fk<=3){
farbe="0xFF6600"};
 
if (fk<=2){
farbe="0xFF0000"};
 
if (fk<=1){
farbe="0xCC3333"};
 
this.diagramm.lineStyle(1, _level0.farbe);
//farben ende
 
        this.diagramm.moveTo(1 * j, 100);
        this.diagramm.lineTo(1 * j, 100 - (klassej/5));
        kminuszehn=Number(k)-10
        trace("Summe Klasse "+j+": ("+kminuszehn+"-"+k+") ="+klassej)
} 

Todolist:

# Die Farb-If-Abfragen sind noch ein bissel unelegant, vermutlich geht das mit else schneller.

as