|
Hi Ben. I think you’ve run into a
bug. Working on a fix…. Ely. From:
[email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Ben Lucyk Hello, There is another issue I’m having trouble
with now surrounding the Data Tips that are being displayed when mousing over
the now “layered” columns. It seems that the order of the
series’ defined in the mxml is what determines which series has the mouse
focus, NOT what is being displayed on top, as one might expect (I’ve
included a couple pictures). This isn’t a big deal until you have a
series with very little data, which causes you to try to mouse over a tiny 5x5
pixel area in order to get the right Data Tip to come up and allow you to click
into that series of data. I’ve investigated into the
“hitSet” property to try to look into the chance that multiple
columns could be raising the mouseOver event at the same time, but that array
always seems to contain only a single element. And changing
dataTipMode="single" to “multiple” only seems to clutter
the problem. Originally I was coding around this
problem and using the “show all series data points at once”
approach as was done in the Brocade example, but the client wants to see the
breakdown by series. Any suggestions? From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf
Of Ely Greenfield In Beta 3, the drop shadow in the columns
has been optimized by attaching it to the ColumnChart directly. To get it back,
you've got two options: 1) set the seriesFilters property of the
CartesianChart to a drop shadow. This will give you a single drop shadow
for the entire set of columns (i.e., the front most column won't create a drop
shadow on the columns behind it, giving the appearance that all the columns are
flattened into one layer). <CartesianChart> <seriesFilters>
<f:DropShadowFilter xmlns:f="flash.filters.*" /> </seriesFIlters> 2) set a drop shadow filter on each series
directly. This will make the front most series cast a shadow on the
series behind it. <CartesianChart> <series>
<ColumnSeries>
<filters>
<f:DropShadowFilter xmlns:f="flash.filters.*" />
</filters>
... 3) set a drop shadow filter on each
individual column. This has the biggest hit on performance, but will make each
individual column pop out. To do this, set the itemRenderer or each column to
the ShadowBoxitemRenderer (this one probably won't add anything to your use
case). ... <series>
<ColumnSeries itemRenderer="mx.charts.renderers.ShadowBoxItemRenderer"
... /> ... Ely. From:
[email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Ben Lucyk Works like a charm Ely. I added an
alpha=”.8” to help give it that same look in Brocade. One question
though, where did my nice column drop shadow go to now that I’m using the
CartesianChart and how do I get it back? Thanks, From:
[email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Ben Lucyk What a great help Ely. Thanks for all the
detail! It sounds like you’ve spent a fair amount of time with this one
already! :) I’ll be playing with your
suggestions tonight and will post my results. Thanks again, From: [email protected]
[mailto:[EMAIL PROTECTED] On Behalf
Of Ely Greenfield Hi Ben. When a set of column series
is clustered, the chart (or columnSet) is setting the columnWidthRatio and
offset properties to do it. So if you wanted to cluster differently, you could
put the columnSeries inside a CartesianChart and set those properties yourself. To figure out how wide each column should
be, you first need to decide how wide you want the total cluster to be, and how
much each column should overlap. Then your formula would be: columnWidth = clusterWidth / (overlap +
(series count)*(1-overlap)); the offset is the offset of the middle of
the column from the middle of the category. given the clusterWidth and
columnWidthRatio, the offset for each series is: seriesOffset(N) = -clusterWidth/2 + (1-overlap)*columnWidthRatio*(N)
+ columnWidthRatio/2; So if you have three series, and your
total width is 75%, and the overlap should be 50%, then columnWdithRatio = .75 / (.5 +
3*(1-.5)) columnWdithRatio = .75 / 2; columnWdithRatio = .375 given that, seriesOffset(0) = -.75/2 + (.5)*.375*0 +
.375/2; seriesOffset(0) = -.1875; seriesOffset(1) = -.75/2 + (.5)*.375*1 +
.375/2; seriesOffset(1) = 0; seriesOffset(2) = -.75/2 + (.5)*.375*2 +
.375/2; seriesOffset(2) = -.75/2 + .375 + .375/2;; seriesOffset(2) = .1875; Putting that into practice, the markup
would be <CartesianChart> <series> <ColumnSeries
columnWidthRatio=".375" offset="-.1875" /> <ColumnSeries
columnWidthRatio=".375" offset="0" /> <ColumnSeries
columnWidthRatio=".375" offset=".1875" /> </CartesianChart> (You may need to reverse the order of
those, I don't remember) Ely. From:
[email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Ben Lucyk Does anyone have some examples or info for styling the
<mx:ColumnChart type=”clustered”> component? I have a client
that is interested in seeing the same “displaced”, overlapping
styles for the column series’ as seen in the online Brocade sample app
(Click “Measure Viewer”). http://flexapps.macromedia.com/flex/brocade/app.mxml?versionChecked=true
I reloaded Flash Player 8.5 and looked at the F2B1 chart
explorer http://weblogs.macromedia.com/flex_samples/charts_explorer/explorer.html
… but there aren’t a whole lot of style
examples. Any help would be appreciated,
-- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
SPONSORED LINKS
YAHOO! GROUPS LINKS
|
