Using Flex 3D Charts in Flex Builder 3

Hi all,
has anyone successfully used the Flex 3D Charts library in FlexBuilder 3?
The component is at
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1047 990
and having trawled back there was some chatter about the library back in 2007, but few people seemed to have got it to work.
I can draw a blank chart area (ie carefully not adding a data series to the chart) but as soon as a series is added I get an error starting
Cannot access a property or method of a null object reference.
    at com.adobe.flex.extras.charts.series::Column3DSeries/describeData()[C:\perforce\depot\flex \components\FlexComponents\com\adobe\flex\extras\charts\series\Column3DSeries.as:870]
with a whole load of stack trace following on. This happens whether I use MXML or create at runtime in an AS class.
I notice that the library only claims compatribility with FB 2.0 but had hoped there would be backwards compatibility.
Thanks,
Richard

We have added 3d versions of the charts to our Spark based Flex charting framework : http://blog.flexicious.com/post/Flexicious-30-Release-Flex-Spark-Charts-with-Skinning-Supp ort.aspx

Similar Messages

  • Charting with Flex Builder

    Hello,
    I am a newbie and am looking to develop some graphs and
    charts using Flex Builder, could someone provide some insight on
    how to build using Flex Builder?
    Thanks

    This issue was resolved with help from Ryan at Adobe tech
    support. For anyone else who's suffering from this problem, the
    resolution is that you need a valid Flex 2 w/Charting serial number
    to place in the file "<Flex 3 Builder
    Root>\sdks\2.0.1\frameworks\license.properties" on the line
    "charting=<serial #>".
    To answer my own previously asked questions:
    Yes, Flex Builder 3 is supposed to entitle me to use the Flex
    Charting component (which is integrated with Flex 3, but was an
    addon in Flex 2).
    No, the Flex Builder 3 serial does NOT work with Flex 2
    Charting. You need a Flex 2 w/Charting serial.
    To anyone in this position, I would recommend opening tech
    support case via the web support portal and politely explaining
    your situation. It took a few days, but when I finally got through
    to someone who could help, the resolution was prompt.
    Regards,
    Dave

  • How to use Flex mx.charts component in flash project?

    Can anyone enlighten me on how I can use the Flex mx.charts component in my Flash Project? I am using Flash Professional CS4
    Are there any tutourials on the subject.
    Thanks in advance.

    http://www.designscripting.com/2011/03/filtering-flex-chart-data-by-consuming-xml-data/
    http://www.roseindia.net/tutorial/flex/flex4/components/chartactionscript.html
    Or otherwise you can use the below link to use the fusioncharts components
    http://www.fusioncharts.com/

  • Flex 2 charting license watermark issue

    We've purchased the flex 2 builder and flex charting. I've
    installed the serials and all works fine when the application is
    build using flex builder. The watermark is removed. When I build
    the application using command line (which points to same SDK as in
    flex builder), the watermark remains? Does anyone know how to
    resolve this issue or if this is a bug?
    Thanks.

    Hi,
    I had the same problem and I am also using Maven instead of
    Ant to build.
    I managed to workout that you can add the mxmlc command line
    argument, "-licenses.license charting XXXXXXXXXXX", to the
    "flex-config.xml" using the following (Note: add it outside of the
    <compiler> tag):
    <licenses>
    <license>
    <product>charting</product>
    <serial-number>XXXXXXXXXX</serial-number>
    </license>
    </licenses>
    By doing this I could continue to build my Flex code through
    maven.

  • Flex 2 Charting Multidimensional ArrayCollection

    I am trying to bind an array collection in a line chart.
    Since I can have any number of series for a given situation, I
    actuallly have an array collection with a category variable and an
    imbedded array collection. What is the syntax in the yfield
    attribute of the Line Series element to access a specific number in
    the embedded array.
    The array collection that is bound to the chart consists of
    objects that are added like so:
    siblingChartData.addItem({month:siblingXMLData[0].month
    .attribute("label").toString(), embedArray:buffer});
    Where the buffer is a separate ArrayCollection of varying
    size.
    I think it should be something along the lines of:
    yField="embedArray.getItemAt(0)"
    But this fails to work. If I just leave it at "embedArray",
    it returns the first item successfully, but there's no way to get
    any subsequent items.

    Hi,
    I had the same problem and I am also using Maven instead of
    Ant to build.
    I managed to workout that you can add the mxmlc command line
    argument, "-licenses.license charting XXXXXXXXXXX", to the
    "flex-config.xml" using the following (Note: add it outside of the
    <compiler> tag):
    <licenses>
    <license>
    <product>charting</product>
    <serial-number>XXXXXXXXXX</serial-number>
    </license>
    </licenses>
    By doing this I could continue to build my Flex code through
    maven.

  • Compiling flex 2 charts.swc ?

    Hello,
    I am working with Flex 2 charting and am hoping to find an
    ant build file (similar to build_framework.xml) that would allow me
    to re-compile the charting source. I have a license, and already
    have the source files themselves, but am not really sure how to
    compile them.
    Is there a publicly available build file with an appropriate
    ant task for this? I have searched extensively online and have
    found nothing. Thank you in advance for any help!
    -Chris

    Unfortunately, all SWCs linked into a SWF have to be the same version.  You
    will need to recompile your SWC using the more recent SDK.

  • The selected Flex SDK does not support building mobile projects

    I am unable to create a new Actionscript Mobile project.  The new project dialogue gives the error: "The selected Flex SDK does not support building mobile projects."  I tried seting the default Flec SDK both to the SDK included with Flash Builder 4.7, and also to a version of the 4.6.0 SDK (build 23201) with AIR 3.3 SDK overlayed on it, which already existed on my computer.  Both resulted in the same error.  Any ideas?

    Hi ,
    Actionscript Mobile projects use AIR SDK by default in Flash Builder 4.7 . Flex SDK won't be used for Actionscript projects.
    Could you please try creating an Actionscript project in fresh workspace and let me know if the issue still exists.
    Also attach screenshot and error log if any.
    Thanks,
    Sanjay

  • Need Help In Flash/Flex Line Charts...Output should be like stock exchange chart

    Hello Friends,
    I need a small help from you guys.
    I want to do a line chart example in flash cs3 or in flex. Actually my requirement is getting the data from external file ie xml and with that i want to display a line chart with some time interval just like stock exchange charts for example.
    I have to do this either in flex or in flash cs3. i dont have any ideas how to proceed. can anyone help me out on this. i need it asap.
    Thanks
    Rajesh

    hi
    flex has charting components you can use. see: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/charts/LineChart.htm l (example at the bottom of page)

  • Flex 3 to Flex 4 migration issue (Flex charting and Special char)

    Hi All,
    I have migrated Flex 3 to Flex 4 and in Flex charting axis label, I am not able to see less then sign ( < ). I tried to use &lt;  but it's not working, I have attached sample code.
    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark"
                    xmlns:mx="library://ns.adobe.com/flex/mx"
                    minWidth="955" minHeight="600" initialize="init()">
         <fx:Declarations>
             <s:SolidColor id="s1" color="#738994"/>
             <mx:SeriesInterpolate id="seriesInterpolate" duration="800"/>
             <mx:SeriesSlide id="seriesSlide" duration="800" direction="up"/>
             <mx:SeriesZoom id="seriesZoom"
                            duration="1000"
                            minimumElementDuration="50"
                            elementOffset="50"
                            verticalFocus="top"
                            horizontalFocus="left"
                            relativeTo="chart"/>
         </fx:Declarations>
         <fx:Script>
            <![CDATA[
                 import mx.collections.ArrayCollection;
                 [Bindable]
                 public var student:ArrayCollection = new ArrayCollection([
                     {Stream: "Management", Girls:1000, Boys:1400, TotalStudent:2400},
                     {Stream: "&lt;Computer Science", Girls:800, Boys:1200, TotalStudent:2000},
                     {Stream: "< Mechanical", Girls:200, Boys:1500, TotalStudent:1700},
                     {Stream: "> Electical", Girls:800, Boys:850, TotalStudent:1650},
                     {Stream: "Electronics", Girls:500, Boys:1000, TotalStudent:1500},
                     {Stream: "Civil", Girls:300, Boys:900, TotalStudent:1200}
                 private function update():void {
                     var str:String = catfDP.selectedItem.data;
                     if(str == "Girls"){
                         cs1.yField = str;
                         cs1.displayName = str;
                         cs1.setStyle("fill" , "738994");
                     }else if(str == "Boys"){
                         cs1.yField = str;
                         cs1.displayName = str;
                         cs1.setStyle("fill" , "999990");
                     }else{
                         cs1.yField = str;
                         cs1.displayName = str;
                         cs1.setStyle("fill" , "406374");
                 private function init():void{
                     catfDP.selectedIndex= 0;
                     effectDP.selectedIndex= 0;
             ]]>
         </fx:Script>
         <s:Panel title="Chart Effect Example" width="627" height="565">
             <s:layout>
                 <s:VerticalLayout/>
             </s:layout>
             <mx:ApplicationControlBar dock="true" width="625" height="82">
                 <mx:Form>
                     <mx:FormItem label="Category Field:">
                         <s:DropDownList id="catfDP" change="update();" prompt="--Select--" width="136"
                                         height="19">
                             <s:dataProvider>
                                 <mx:ArrayList>
                                     <fx:Object data="Girls" label="Girls" />
                                     <fx:Object data="Boys" label="Boys" />
                                     <fx:Object data="TotalStudent" label="TotalStudent" />
                                 </mx:ArrayList>
                             </s:dataProvider>
                         </s:DropDownList>
                     </mx:FormItem>
                     <mx:FormItem label="Choose Chart Effect:">
                         <s:DropDownList id="effectDP" change="update();" width="136" prompt="--Select--">
                             <s:dataProvider>
                                 <mx:ArrayList>
                                     <fx:Object label="seriesInterpolate" data="{seriesInterpolate}" />
                                     <fx:Object label="seriesSlide" data="{seriesSlide}" />
                                     <fx:Object label="seriesZoom" data="{seriesZoom}" />
                                 </mx:ArrayList>
                             </s:dataProvider>
                         </s:DropDownList>
                     </mx:FormItem>
                 </mx:Form>
             </mx:ApplicationControlBar>
             <mx:ColumnChart id="cchart"
                             dataProvider="{student}"
                             showDataTips="true"
                             width="621"
                             fontFamily="verdana" height="402">
                 <mx:verticalAxis>
                     <mx:LinearAxis title="Number of Students" />
                 </mx:verticalAxis>
                 <mx:horizontalAxis>
                     <mx:CategoryAxis dataProvider="{student}"
                                      categoryField="Stream"
                                      title="Stream"/>
                 </mx:horizontalAxis>
                 <mx:series>
                     <mx:ColumnSeries id="cs1"
                                      xField="Stream"
                                      yField="Girls"
                                      displayName="Girls"
                                      fill="{s1}"
                                      showDataEffect="{effectDP.selectedItem.data}"/>
                 </mx:series>
             </mx:ColumnChart>
             <s:HGroup>
                 <mx:Legend dataProvider="{cchart}"
                            direction="horizontal"/>
                 <s:VGroup>
                 </s:VGroup>
             </s:HGroup>
         </s:Panel>
    </s:Application>

    Thank you very much for you answer.
    I have solved this problem using Itemrenderer.
    <?xml version="1.0" encoding="utf-8"?>
    <s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark"
                    xmlns:mx="library://ns.adobe.com/flex/mx"
                    autoDrawBackground="true">
        <mx:Label htmlText="{data.text}"/>
    </s:ItemRenderer>
    and in chart I have used labelRenderer. in label I have used  &lt; for ( < ) sign.
    <mx:horizontalAxis>
                    <mx:CategoryAxis
                        dataProvider="{expenses}"
                        categoryField="Month"
                        title="FY 2006"
                        id="a1"
                        />
                </mx:horizontalAxis>
                <mx:horizontalAxisRenderers>
                    <mx:AxisRenderer labelRotation="45" axis="{a1}" labelRenderer="chase.BarChartLabelRenderer"/>
                </mx:horizontalAxisRenderers>
                <mx:verticalAxisRenderers>
                    <mx:AxisRenderer labelRotation="45" axis="{a1}" labelRenderer="chase.BarChartLabelRenderer"/>
                </mx:verticalAxisRenderers>

  • Adobe Flex Pie Chart

    Hi,
        I want to populate data from a query template to a adobe flex pie chart. I am doing this because business user prefers beautiful objects ;).
    Can anyone help me out in how to achieve this. I have some knowledge about flex.
    Thanx in Advance

    Hi,
       You can see a Video tutorial on xMII-Flex integration made by Abesh
    at /people/abesh.bhattacharjee/blog/2007/08/27/use-xmii-services-in-adobe-flex-20-video
    Coming to your question
    you should declare the web service in your flex application as
    <mx:HTTPService id="ServiceName"/>
    then you can call it in a function let's say Hi()
    private function Hi():void{
    ServiceName.url=encodeURI("http://xMIIServerIP/Lighthammer/Illuminator?QueryTemplate="PathToQueryTemplate"&IllumLoginName="LoginName"&IllumLoginPassword="Password"&content-type=text/xml");
                   ServiceName.send();
    You can call this function in any event according to your requirements.
    Note: The URL is specific to 11.5 version of xMII. You may need to change it accordingly for 12.0.
    Regards,
    Musarrat

  • How to use Google weather API in flex?

    Hi there,
    I have 2 services.
    ServiceONE : http://api.locationservice.com/city/key=123abc
    ServiceTWO: http://www.google.co.in/ig/api?weather='anyCityName'
    I am using HTTPService for both. Firstly I fetch result which gives me city name, by sending ServiceONE. And then, I am assigning this city name to SericeTWO and sending it, which gives me weather details about that city.
    I am hosting my applicaition on some server, http://www.somethirdpartyserver.com/myaccount/myflexstuff/MyWeatherApplication.html
    Since it tries to access http://api.locationservice.com/city/key=123abc and http://www.google.co.in/ig/api?weather='anyCityName', I would need to have crossdomain.xml in them.
    Fortunately I could find http://api.locationservice.com/crossdomain.xml, which has:
    <?xml  version="1.0" ?>
    <!DOCTYPE  cross-domain-policy (View Source for full doctype...)>
    - <cross-domain-policy>
    <site-control permitted-cross-domain-policies="all" />
    <allow-access-from domain="*" secure="true" />
    <allow-http-request-headers-from domain="*" headers="*" secure="true" />
    </cross-domain-policy>
    Which mean, any server can access it.
    But unfortunately, I couldnot find something similar in http://www.google.co.in/crossdomain.xml. Though xml is there, the code is different:
    <?xml  version="1.0" ?>
    <!DOCTYPE  cross-domain-policy (View Source for full doctype...)>
    - <cross-domain-policy>
    <site-control permitted-cross-domain-policies="by-content-type" />
    </cross-domain-policy>
    It doesn't allow any access to any domain.....
    I've already developed the weather gadget in flex but I cant host it for use anywhere, because of this security issue
    Can anyone kindly help me how can this be resolved?>?
    -Deepak

    @ PaulH
    Yes, after few more searches I came across php proxy solution. I should have checked about availablity of crossdomain file in the root of the api, which I didn't and started off with the development.
    For now I'll use this php proxy and use Google weather api. And yes, as you said, it's not official. Can get changed\removed, which will surely affect my code.
    Thanks for http://www.worldweatheronline.com/, may be I'll try to implement it with this api soon and make my app completely stable!
    Came across another great api for weather which too has crossdomain! http://www.wunderground.com
    I've uploaded the widget right here: http://deepflex.blogspot.com/2011/03/weather-widget.html
    @alexsliced
    Adobe Flex is a software development kit (SDK) released by Adobe Systems for the development and deployment of cross-platform rich Internet applications based on the Adobe Flash platform. Flex applications can be written using Adobe Flash Builder or by using the freely available Flex compiler from Adobe.
    You can find more about it here:
    http://flex.org/what-is-flex
    http://en.wikipedia.org/wiki/Adobe_Flex

  • Using a swf generated by Flex from a Flash component

    I know you can include and control a swf generated by Flash
    within a Flex component. But can you do the inverse? Can you use a
    swf generated by Flex within a Flash project/component?
    We plan to develop a "core" module that would be used in a
    lot of other Flash and Flex components we'll develop in the future.
    This core would be a package of classes that could be easily
    re-used by the components. There would be nothing visual in it,
    only standard classes.
    Even if this core would not contain any visual components, we
    would like to develop it using Flex since we prefere Flex Builder
    to the Flash editor to code and debug.
    But I'm not sure if:
    1) A core module like this, developped in Flex, could be used
    by our Flash components or only by other Flex components?
    2) If we use Flex to generated this core, will the resulting
    .swf be bigger than if we would have used Flash to develop it?
    Since there will be no Flex visual components in it, maybe it will
    be as small? Is there a compiler parameter to tell Flex to only
    include the minimum things possible in the generated .swf?
    Any help or link about this would be really appreciated!
    Thanks you in advance!
    P.S. I apologize to those aware that this message was also
    posted on another Flex related forum, but I received no reply on
    it!

    try this. for me it has worked.
    import flash.net.URLRequest;
    import flash.utils.Timer;
    var loader:Loader = new Loader();
    var timer:Timer;
    var myclip:MovieClip;
    //load the Flex Component
    loader.load(new URLRequest("IS.swf"));
    loader.contentLoaderInfo.addEventListener(Event.COMPLETE,
    loaderDone);
    addChild(loader);
    function loaderDone(e:Event) {
    timer = new Timer(100);
    timer.addEventListener(TimerEvent.TIMER, handleTimer)
    timer.start();
    function handleTimer(event:TimerEvent):void {
    //cast the loader.content into MovieClip to access
    currentFrame.
    myclip = loader.content as MovieClip;
    if (myclip.currentFrame == 2)
    however, i need to access properties of IS.mxml..
    any data member would work..
    or if i could dispatch an event in IS.mxml and catch it in
    flash through IS.swf, it would work.
    Pls somebody suggest.

  • Flex 4.6 final (build 23201) broke app which was working in Flex 4.6 pre-release (build 23043)

    I have an AIR for Android app that streams video. This app streams video on the Kindle Fire when compiled using the Flex 4.6 pre-release (build 23043), but when compiled with Flex 4.6 final (build 23201), I cannot see the video playback, can only hear the audio.
    App uses OSMF 1.6.1, targetting AIR 3.1, packaged as captive runtime.
    - Abey

    I have an AIR for Android app that streams video. This app streams video on the Kindle Fire when compiled using the Flex 4.6 pre-release (build 23043), but when compiled with Flex 4.6 final (build 23201), I cannot see the video playback, can only hear the audio.
    App uses OSMF 1.6.1, targetting AIR 3.1, packaged as captive runtime.
    - Abey

  • Using Flash 8 Symbols in Flex

    Hi,
    I am creating some custom controls whose interface is a bit
    complicated (and hence would be far too much of an effort to create
    using graphics.draw methods). So I tried building the user
    interface as Flash 8 symbols. What I do is,
    - Create the symbols in Flash 8
    - Embed them in my Custom Control class
    - Create instances of the embedded class as a SpriteAsset
    object
    - Add it to the childrens list of my control class so that it
    is drawn
    So far, so good.
    The slight issue is that I also need to allow the user to
    modify the custom control interface (line color, fill color etc.)
    and I cant figure out how I can modify these properties on the
    Flash Symbol through the SpriteAsset class.
    Any ideas....

    The short answer is you can't do that. Flash 8 is
    ActionScript 2 while Flex 2 is ActionScript 3. When ActionScript 2
    is loaded into the Flash Player it is put into a separate virtual
    machine than the ActionScript 3 code. This is how the Flash Player
    maintains backward compatability. There isn't a way for the AS3
    code to reach in and tinker with the AS2 code and vice-versa.
    But all is not lost. You can use LocalConnection to
    communicate between the two virtual machines. Check my blog,
    there's an article about doing that:
    Using
    ActionScript 2 SWFs with Flex 2

  • How to integrate flex 4 SDK with Flex builder 3

    Hi,
    I am trying to integrate flex sdk 4 with flex builder 3 but I am unable to run the code and as well as I am unable to see the design screen while creating.
    Can anyone please suggest me how to integrate sdk 4 with flex builder 3.
    Thanks,
    Sri

    So you've unpacked the SDK, added it in the list in properties, and confirmed your project is using the new SDK, right ?
    If you create a brand new project with a simple file in, exactly what happens ?

Maybe you are looking for