Flash diagramm zeichnen

[flashtrigger]

Hallo Leute,

ich habe da ein kleines Problem. Ich möchte gerne ein Diagramm in Flash zeichnen.

Ich zeige euch mein Skript:

meinLoadVars = new LoadVars();
werte = new Array();
datenHolen("daten.txt");
function datenHolen(dateiname) {
trace("daten geholt");
meinLoadVars.load(dateiname); // load lädt Variablen von der angegebene URL herunter
//trace("das ist "+dateiname);
}

meinLoadVars.onLoad = function(status) { // onLoad wird verwendet wenn ein load Vorgang abgeschlossen ist
//trace("onLoad");
if (status) {
//trace("onLoad ok");
//gelesene Daten verarbeiten
//trace(meinLoadVars.toString());
werte = meinLoadVars.daten.split(";"); // werte ist das Array
trace("werte "+werte);
//trace(meinLoadVars.daten);
balken();
} else {
trace("onLoad nicht ok");
}

};
balken = function () {
breite=10;
abstand=10;
x=100;
y=100;
for (i=0; i<werte.length; i++) {
hoehe=werte[i];
//trace("hohe"+werte[i]);
lineStyle(3,0x000000);
moveTo(x,y);
beginFill(0xcdff00);
LineTo(x,(y-werte[i]));
LineTo(x-hoehe,(y-werte[i]));
LineTo(x-hoehe,y);
LineTo(x,y);


trace("y: "+y);
//LineTo(x,(y+hoehe));
//LineTo(x+breite,(y*werte[i])+abstand);

endFill();

//trace("hallo");

}
};

Hier sind die werte aus der daten.txt:

&daten=120;50;40;70;35;50

Eigentlich sollen ungefähr sechs balken erscheinen die sich nach den werten aus der txt richten. Leider ist dies nicht der Fall. Ich weiß wo mein Fehler liegt komme aber einfach nicht auf die richtige Lösung. Hoffe mit kann jemand helfen

Bis dann dann

[flashtrigger]

Hey leute,

habe es gerade hinbekommen. Habe die Werte vertauscht und kam deswegen zu keinem Ergebnis. Trotzdem danke für eure Hilfe.

[thorben.schmitt]

habs mal ein bischen umgeschrieben, so müsste es gehen:

meinLoadVars = new LoadVars();
dateiname = "daten.txt";
meinLoadVars.load(dateiname);
meinLoadVars.onLoad = function(success) {
    if (success) {
        werte = meinLoadVars.daten.split(";");
        balken(werte);
    } else {
        trace("Fehler beim Laden");
    }
};
function balken(daten) {
    breite = abstand=10;
    x = y=100;
    for (var i = 0; i<daten.length; i++) {
        var m = this.createEmptyMovieClip("holder", i);
        m._x = abstand*i*2;
        hoehe = daten[i];
        m.lineStyle(0);
        m.beginFill(0xcdff00);
        m.lineTo(breite/2, 0);
        m.lineTo(breite/2, -hoehe);
        m.lineTo(-breite/2, -hoehe);
        m.lineTo(-breite/2, 0);
        m.lineTo(0, 0);
        endFill();
    }
} 

[mikolo]

Hallo ich habe folgendes Problem.

Ich möchte auch ein Diagramm zeichnen, aber ich möchte per as von Punkt zu Punkt eine Linie zeichnen. Ich bae also ein gefülltes Array mit lauter Objekten (MovieClips)... diese (dot) positionier ich in einer Schleife und mit duplicateMoviClip auf der Bühne.

Hier mein nicht funtionierendes Beispiel:

var gMainGridHeight:Number = 207;
var gXpositions:Array = new Array(2,4,6,8);
var incomingValues:Array = new Array(10, 20, 30, 16);

setupDots(incomingValues);

function setupDots(incomingValues:Array) {
	for (count=0; count<incomingValues.length; count++) {
	//trace(incomingValues[count]);
		var dot:MovieClip = dot.duplicateMovieClip("dot"+count,_root.getNextHighestDepth());
		dot._x = gXpositions[count];
		dot._y = gMainGridHeight-incomingValues[count];
				
		// draw a line between 
		var targetline:MovieClip = this.createEmptyMovieClip("targetline"+count, count*3000);
		targetline._x = gXpositions[count];
		targetline._y = gMainGridHeight-incomingValues[count];
		
//die xPositionen der targetline stimmen schon
//jetzt möchte ich das von jedem punkt zum nächsten eine Linie gezeichnet wird und komm nicht dahinter.. wie es geht.
				
		targetline.lineStyle(1, 0x000000, 100, true, "none", "round", "round");
		targetline.lineTo(gXpositions[count], ?????);
		
	}
}

Kann mir jemand helfen bitte. Vielen Dank im Vorraus.

LG

[mooseMash]

ich habe nicht recht verstanden was du mit hiermit bezweckst

PHP-Code:

var dot:MovieClip = dot.duplicateMovieClip("dot"+count,_root.getNextHighestDepth()); 


ich habe dein script geringfügig modifiziert

PHP-Code:

var gMainGridHeight:Number = 207;
var gXpositions:Array = new Array(2,4,6,8);
var incomingValues:Array = new Array(10, 20, 30, 16);
var targetline:MovieClip = this.createEmptyMovieClip("targetline", 1);
targetline.lineStyle(1, 0x000000, 100, true, "none", "round", "round");
setupDots(incomingValues);

function setupDots(incomingValues:Array) {
    //setze die linie an den ausgangspunkt der zeichnung
    targetline.moveTo(gXpositions[0], gMainGridHeight-incomingValues[0]);
    for (count=1; count<incomingValues.length; count++) {
        //setze die zeichnung fort zum nächsten punkt
        targetline.lineTo(gXpositions[count], gMainGridHeight-incomingValues[count]);
    }
} 


schau mal ob es das ist was du suchst.

[mikolo]

das mit dem dot war im grunde nur zur übersicht, ob die punkte am richtigen platz sitzen. Kann man aber auch benützen, wenn man das will. Is ja nur ein MovieClip auf der Bühne Namens dot :-))

vielen dank, hier das fertige script:

function setupDots(incomingValues:Array) {
	
	trace(gXpositions[0]);
	trace(gMainGridHeight-incomingValues[0]);
    //setze die linie an den ausgangspunkt der zeichnung
	var targetline:MovieClip = this.createEmptyMovieClip("targetline", _root.getNextHighestDepth());
		targetline.lineStyle(1, 0x000000, 100, true, "none", "round", "round");
		targetline.moveTo(gXpositions[0], gMainGridHeight-incomingValues[0]);
		
	for (count=0; count<incomingValues.length; count++) {
		var dot:MovieClip = dot.duplicateMovieClip("dot"+count, _root.getNextHighestDepth());
			dot._x = gXpositions[count];
			dot._y = gMainGridHeight-incomingValues[count];
		
		//trace(gMainGridHeight-incomingValues[count]);
		
        //setze die zeichnung fort zum nächsten punkt 
        targetline.lineTo(gXpositions[count], gMainGridHeight-incomingValues[count]); 
    } 
 
}