Tuesday, April 21, 2009

Flex Column Chart

I need a Column chart that would get both negative and positive numbers, easy enough. The catch is that the negative "columns" are to be red and the positive "columns" are to be green.



Well it wasn't too much fuss to get this figured out, but I thought I would post my code in case it would help anyone else out. Who knew that ColumnSeries had itemRenderers!


<mx:ColumnSeries
xField="Month"
yField="Profit"
displayName="Profit"
itemRenderer="ColorNegativeBarRenderer"
/>


Here's a sample with view source enabled so you can see the item renderer code.

Here's where I found the info I needed:
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postId=2021

Thursday, April 2, 2009

Removing column header separator lines (flex)

This took me a while to figure out so I thought I would post it on here just in case someone else is having the same problem.

I have an Advanced Data Grid, but I don't want any separator lines between the headers. There are 2 styles and 1 property you need to set in an AdvancedDataGrid to make this happen.



The styles are:
header-separator-skin
header-sort-separator-skin

The property is:
sortExpertMode

I figured setting the styles to "null" would work, but it doesn't.

Here is what you need to do:

headerSortSeparatorSkin="mx.skins.ProgrammaticSkin"
headerSeparatorSkin="mx.skins.ProgrammaticSkin"
sortExpertMode="true"


Or if you'd rather set the styles in CSS:

header-separator-skin: ClassReference("mx.skins.ProgrammaticSkin");
header-sort-separator-skin: ClassReference("mx.skins.ProgrammaticSkin");


Sample with source

Thanks to http://theflexguy.com/index.php?option=com_idoblog&task=viewpost&id=104&Itemid=54 for your post on this!