CODEWITHSUNDEEP
actionscript-3flashopen-flash-chart
Jack
Jack

Reputation: 97

Flash, AS3: Drawn objects are not the same

I'm playing with Open Flash Chart. Take a look at this chart:

http://teethgrinder.co.uk/open-flash-chart-2/line-solid-dot.php

As you can see, the rounded dot points look ugly. Some of them are more rounded, some of them less, they don't look the same, as they should. I don't know AS3 and have no idea what is the case. I checked the source code:

this.graphics.lineStyle( 0, 0, 0 );
this.graphics.beginFill( colour, 1 );
this.graphics.drawCircle( 0, 0, style.get('dot-size') );
this.graphics.endFill();

I tried to change the size or draw rectangles instead, but they still don't look the same. I guess the problem is somewhere else...

EDIT: I also noticed, that other elements also looks a little bit different (and they shouldn't) - for example axis ticks. My guess is that it is the quality problem. But when I right-click on the flash object, there is an option "quality" and the "high" is set (there is also a "medium" and a "low" to choose). Can I increase the quality level somewhere else?

Upvotes: 1

Views: 370

Answers (1)

loxxy
loxxy

Reputation: 13151

From hollow dots, I came to realize there is something around each dot which separated each dot from the connecting lines & also produced blurry hollow dots.

Setting the attribute "halo_size" to 0 helped in this case.

I noticed the same gap in your sold dots examples as well. Maybe that's the problem.

To set stage quality, simply use:

stage.quality = "low";
stage.quality = "medium";
stage.quality = "high";

You may set it in the main class itself which happens to be the document class for this project.

I noticed that if the chart size is 400 x 400 these inconsistencies cease to exist. So the problem we see is a scaling problem & not at the place we think.

Besides, Setting line style allows a proper border around the circle. This will at least appear better. 

this.graphics.lineStyle(1, colour, 1);
this.graphics.beginFill( colour, 1 );
this.graphics.drawCircle( 0, 0, style.get('dot-size') );
this.graphics.endFill();

Upvotes: 1

Related Questions