Rendering a feathered circle

Okay I thought it would be easy to use the beginGradientFill to render a feathered circle, but I guess not.
Using:


this.graphics.lineStyle(0, 0xFF00FF, 100);
this.graphics.beginGradientFill(GradientType.RADIAL,[0x000000, 0xFFFFFF],[1, 0],[0x00, 0xFF],new Matrix(1,0,0,1,250,250));
this.graphics.drawCircle(pointLights*.pos.x, pointLights*.pos.y, pointLights*.radius);
this.graphics.endFill();

I got this:
http://www.sirisian.templarian.com/pictures/featheredcircle.png

I want to get this:
http://www.sirisian.templarian.com/pictures/featheredcircle2.png

Not sure exactly why I don’t. I mean the alpha goes from 1 to 0 so on the sides it should have a 0 alpha right? I mean it’s odd that it doesn’t. Anything seem wrong? I’ve been looking at the CS3 docs and they don’t seem to talk about this kind of thing much:
click