This SWC flex component based on Open Flash Chart 2 (Kvasir) .

• Download component library [OFC2library-k ] by WebASP
• Download component source code [OFC2library-k-src] by WebASP.
• you can download sample file how to use it [demo.mxml] and working example [demo.html].

Other working example [Open Flash Chart 2 (Kvasir) - Explorer] Any feedback would be welcome.  

Bug fixed from previous version:

• Stack Bar Chart  

Things not working in this component:

• Pie Chart Tooltip

How to included SWC files:

In Flex 3.3 SDK – the files are included at flex-install-dir/frameworks/libs directory.

Note: I patched against the latest Open Flash Chart Version 2 Kvasir (16th, June 2009).

You can get more information about changes from previous posts.

• http://blog.webasp.com.au/post/625578806/open-flash-chart-2-as-a-swc-component
• http://blog.webasp.com.au/post/625592942/open-flash-chart-2-as-a-swc-component-source-code

Let me know if you need any help.

Here is the source code for Open Flash Chart 2 as a SWC component.

Download [OFC2library-src] source code by WebASP.

Things i modified from original Open Flash Chart 2 (Jörmungandr-2)

Modified Files:

• Loading.as
• Tooltip.as
• BackGround.as
• Keys.as Title.as
• YAxisBase
• YAxisLeft
• YAxisRight
• XLegend.as
• YLegendBase
• YLegendLeft.as
• YLegendRight.as
• Menu.as

so what i modified, add new two extra parameter to all classes that using “stageWidth” and “stageHeight”(pWidth:Number,pHeight:Number). Open Flash Chart 2 used lot of “stageWidth” and “stageHeight” to draw chart. As it only get size of main drawing area (EG: most times we need chart less than the size of the container and we have other elements around). Above modicifation accept width/height values from the parent container and size itself accordingly.

1. pWidth —— Parent Width
2. pHeight —- Parent Height

New Added File :

Chart.as(as it only work as to generate flex component) : From main.as with some changes. I didn’t add any comments in it, most things are understandable.

Links (for more understanding):

• http://forums.openflashchart.com/viewtopic.php?f=5&t=864
• http://forums.openflashchart.com/viewtopic.php?f=5&t=473
• http://forums.openflashchart.com/viewtopic.php?f=5&t=384

After a long fight with Open Flash Chart 2 here is peaceful output of OFC 2 as SWC Flex component. This SWC flex component based on Open Flash Chart 2 (Jörmungandr-2) .

• Download [OFC2library ] by WebASP
• Download [OFC2library-src] source code by WebASP. [Updated]

Since below code not able to copy past and try, you can download from [demo.mxml] [Updated]

Any feedback would be welcome.  

Things not working in this component:

Stack Bar Chart Pie Chart Tooltip

How to included SWC files:

In Flex 3.3 SDK – the files are included at flex-install-dir/frameworks/libs directory.

Sample code: 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:ofc="*" width="100%" height="100%">
   <mx:Script> <![CDATA[
   [Bindable]
   private var dataJSON:String='{ "elements": [ { "type": "bar","alpha":0.8,"colour":"#663366", "values": [ 9.5, 9, 8.5,8, 7.5, 7, 6.5, 6, 5.5,5, 4.5, 4, 3.5, 3, 2.5, 2, 1.5, 1 ] } ], "title": { "text": "Wed May 20 2009" },"bg_colour":"#fcfcfc" }';
   ]]></mx:Script>
   <mx:Panel id="chartContainer" title="Flex Chart" width="100%" height="100%">
    <ofc:Chart id="myChart" width="900" height="600" loadingString="Loading..." chartData="{dataJSON}"/>
   </mx:Panel>
</mx:Application>

Note:

• If you change the chartData it will automatically reload the chart.
• If you change width and height after chart load you need to call “myChart.load();” to reload the chart to right size.