Skip navigation
kjhfwe98ywfqfew
Currently Being Moderated

column chart solid color stroke with fillfunction

Mar 9, 2013 9:56 PM

Hi,

in a column chart I am using the fillfunction,

to customize the color of each column.

 

Now I need to modify,

for each column also the solid color stroke,

but I can't figure how can I do that.

 

Some one can help me ?

 

Thanks a lot

 

Jody

 
Replies
  • Currently Being Moderated
    Mar 10, 2013 8:17 AM   in reply to kjhfwe98ywfqfew

    Depending on what you are trying to do, you need to either:

     

     

    create an Array with the colors

     

     [Bindable]
         private var warmColorsArray:Array = new Array(
            new SolidColor(0xFF0033, .5), 
            new SolidColor(0xFF0066, .5), 
            new SolidColor(0xFF0099, .5)
         );
         [Bindable]
         private var coolColorsArray:Array = new Array(
            new SolidColor(0x3333CC, .5), 
            new SolidColor(0x3366CC, .5), 
            new SolidColor(0x3399CC, .5)
         );
    
    

    And then just add that array to the fill parameter

     

     <mx:ColumnSeries 
                    xField="month" 
                    yField="profit"
                    displayName="Profit"
                    fills="{warmColorsArray}">
               </mx:ColumnSeries>
    
    

     

    Or, you need use the fillFunction to set each item individually.

     

    Here is the results from an example I did, in order how to do it. And I put a post on my blog explaining what I did.

    LineColumnChart_fillFunction.png

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 10, 2013 5:51 PM   in reply to kjhfwe98ywfqfew

    From your images, are you trying to change the drop shadow color?  Or are you trying to make the column semi-transparent, with a solid border  like the line graph?

     

    It doesn't seem that iFill has the capability to change the stroke.  You would probably have to create a new Item Renderer and draw a rectangle with a border and fill to replace the column.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 11, 2013 7:09 AM   in reply to kjhfwe98ywfqfew

    I did a quick example on my blog of using an ItemRenderer on a ColumnSeries.

    I used the xValue to determine which color to display.  I set the Rect stroke and fill on the set data function.

    Here is an image of the results.  And the View Source of my example.

     

    TransparentColumns_ItemRenderer.png

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points