[stevenbernard]

Hi guys and gals,

I have managed to draw a simple graph with the lineTo function pulling in data from an array.

The only problem I have is that the line joins the last data point to the first creating a closed shape instead just a 'wiggly' line

If anyone can help me solve this I would be eternally grateful

Best
Steve

[twocs]

The error: Don't iterate through all the "n", because you are drawing each line three times, hence the loop. The quick fix: Remove

Code:

for (var n=0; n<myArray.length; n++) { ... }

and instead use

Code:

var n = 0;

The longer way, but will work better because some lines may be longer than others:

Code:

// set up an array for different colors for each line
var colorArray:Array = [0x000000, 0xff0000, 0x0033cc];

// iterate through each of the lines
for (var n:Number = 0; n<myArray.length; n++)
{
    // create an empty movie clip called "n" for the line at depth n
    this.createEmptyMovieClip(n, n);
    
    // set the line style of the line, thickness = 2 and color from colorArray
    eval(n).lineStyle(2, colorArray[n]);
    
    // set up the original point of the line
    eval(n).moveTo(0, 0);
    
    // iterate through the different points in the line
    for (var i = 0; i<myArray[n].length; i++) {
        
        // draw a line that connects to the next point in the line
        eval(n).lineTo(i*10, myArray[n][i]);
    }
}

Note: eval is deprecated in AS 3