Export charts in flex

Hi,
How to export column and bar chart data into csv file in flex.

If you are using custom fusion chart then see the link
Else if you are using flex charts itself try this.
Hope that helps you.

Similar Messages

EXPORT chart (graph) to JPG, GIF .etc

Hello.
I have a problem with this. I want to export chart into SMARTFORM, but must have JPG or GIF picture. the question is - how export chart, graph to picture format?
Tkanks very much.

hi daniel,
you can export picture in smartforms but it must be in bitmap format so u must change the format and then in your samartform creare new node or do right click create->graphic and give the name of that graphic and object 'GRAPHICS and ID is BMAP, for exporting the grachic use the transaction se78. if it is use full for u then plz give reward points.
Thanks
Anirudh Saini

Export Chart from VC

Hi all,
I retrieved data from oracle server. I have displayed the data in Chart format. I want to export Chart from VC. Is it possible? . If it is possible how can I do this?
Help me in this regard.
Thanks & Regards,
Hemalatha J

Hi Hema,
You can Export a chart from VC. Try the below steps.
1. Create a Tool bar for the particular chart.
2. Create a new button and change it action as 'System Action' and then 'Export Data' and also select 'Entire row' or 'Entire Screen' as you like.
3. Now deploy the application and Click the Button in the chart and it will copy the requirement then you can paste it in another application like ms word or ms excell or ms paint.
Hope it helps...
Regards
Basheer

Export charts

Hi,
Is there a way to export charts with Design Studio? We can export to excel, but it is only crosstabs.
Any idea how we can export charts?
Sonni

Hi Sonni,
At present, there is no way to export either a chart itself, or the data linked to a chart with Design Studio. However, if you mean that you want the data within a chart exported into an excel file there is a workaround - you will be able to assign the data source used by a chart to a crosstab, set the visibility of that crosstab to false (in case you do not want the crosstab itself displayed on your application), and still be able to export the data using APPLICATION.export().
Hope this helps.
Regards,
Eshwar

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

Google Interactive Charts and Flex

Hi,
Has anyone successfully implement Google Interactive Charts into Flex? I believe Google Interactive Charts uses JavaScript but the output is in Flash format.
http://code.google.com/apis/visualization/documentation/gallery/geomap.html#Configuration_ Options
Please help!

Hi Alex,
1- Yes, I downloaded the fxp from the bug https://bugs.adobe.com/jira/browse/FLEXDMV-2513. Compiled with 4.5 and I get what you see in the screen cap.
2 - For 4.1, I was able to solve my problem by unchecking "Use Flash Text Engine in MX Components" and using my own MXFTEText.css which excluded the use of RTE in LegendItem and DualStyleObject. This is not ideal because now those label will never handle RTL. It does however stop the majic dissapearance of my chart legends and axis labels...
Hopefully this will get attention one day
cheers

Exporting charts (chart and data behind it)

Hi there,
Im new to Flex and Air but I have come here because Im looking into a way to export a chart from an application we have to excel. At the moment we are able to export the data behind the chart but not the chart itself.
I have come to two ways of doing this:
a) keep the existing export options and then use a VBA macro lib to create charts or (and this is where you come in)
b) export a excel 2007 xmlx file.
if you are not familiar with this its a new format of excel that is defined by XML script that are in a variaty of folders that are then zipped.
My idea is to have a standard 'template' that Flex (Air?) can ammend the chart.xml in the xmlx and the sheet1.xmlx and the zip and rename the file.
So what i need to figure out is if and how to get Flex (Air?) to export a zip file
any help would be great!
Thanks
Michael

There are various ways to export the chart as an image.

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

Charts in Flex 3 compatibility mode are hosed

I spent an 11 hour day struggling to get a LineChart working in Flex 3 compatibility mode that worked fine otherwise. I encountered a multitude of problems, spent hours tracing through Flex code, and finally have something almost working except for minor details like the horizontal axis insists on displaying on the top only (and the vertical on the right) even if I use the axis renderer placement tags to specify otherwise (and with any other values except "bottom" and "left" the data does not draw properly!). To give you a feeling for what I learned, a major breakthrough was setting gutters explicitly (the data points were calculated as NaN otherwise).
If someone could suggest what might need setting to get the axes to display where I want them to I will be very grateful.
To summarize -- LineCharts appear to be badly broken in Flex 3 compatibility mode.
If an Adobe developer would like to verify, here is my source, including an example of the data I'm using. I posted earlier today wondering what the situation is and give some more details there.
Thanks, Peter ([email protected])
<?xml version="1.0"?>

<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:bwc="*"
    creationComplete="initialization()"
    width="1200" height="800" layout="absolute" >
    <mx:Label id="titleLabel" x="30" y="10" text="Progress Chart for " fontSize="16" />
    
    <mx:ComboBox id="measureCombo" x="300" y="14" width="300" dataProvider="{patientMeasureNames}"
                 editable="false" change="loadPatientData()" />
    <mx:SolidColorStroke id="axisStroke"
                         color="#000000"
                         weight="2"
                         alpha="1"
                         caps="square" />
    <mx:SolidColorStroke id="tickStroke"
                         color="#000000"
                         weight="1"
                         alpha="1" />
    <mx:SolidColorStroke id="minorTickStroke"
                         color="#000000"
                         weight="1"
                         alpha="1" />
    <mx:SolidColorStroke id="dataStroke"
                         color="0x11538C"
                         weight="3"
                         alpha="1" />
    <mx:Canvas id="chartCanvas" x="30" y="50" width="600" height="500" borderStyle="solid" >
        <mx:LineChart id="progressChart" x="10" y="10" width="550" height="450"
                      dataProvider="{patientData}"
                      showDataTips="true"
                      horizontalAxisStyleNames="{styleNames}" verticalAxisStyleNames="{styleNames}"
                      gutterBottom="10" gutterLeft="10" gutterRight="10" gutterTop="10" gridLinesStyleName=""
                      >
            <mx:annotationElements>
                <mx:CartesianDataCanvas id="annotationCanvas" includeInRanges="true" width="800" height="400"/>
            </mx:annotationElements>
            <mx:horizontalAxis>
                <mx:DateTimeAxis id="hAxis" parseFunction="makeDateFromString"
                                 alignLabelsToUnits="true" displayLocalTime="true"
                                 title="" labelFunction="formatDateLabel" maximum="{maxDate}"
                                  /> 
            </mx:horizontalAxis>
            <mx:verticalAxis>
                <mx:LinearAxis id="vAxis" interval="1" maximum="{this.maxValue}" title="" /> 
            </mx:verticalAxis>
            <mx:series>
                <bwc:BwcLineSeries xField="date" yField="value" displayName="(measure)" stroke="{dataStroke}"
                               itemRenderer="mx.charts.renderers.CircleItemRenderer"
                               lineSegmentRenderer="mx.charts.renderers.LineRenderer"
                                width="700" height="350" lineStroke="{dataStroke}" radius="4"
                               >
                </bwc:BwcLineSeries>
            </mx:series>
            <mx:seriesFilters>
                <mx:Array/>
            </mx:seriesFilters>
            <mx:horizontalAxisRenderers>
                <mx:AxisRenderer axis="{hAxis}"
                                 axisStroke="{axisStroke}" tickStroke="{tickStroke}" minorTickStroke="{minorTickStroke}"
                                 showLine="true" showLabels="true" labelRenderer="mx.charts.chartClasses.ChartLabel"
                                 placement="bottom" tickPlacement="cross" tickLength="5" fontSize="12"
                                 />
            </mx:horizontalAxisRenderers>
            <mx:verticalAxisRenderers>
                <mx:AxisRenderer axis="{vAxis}"
                                 axisStroke="{axisStroke}" tickStroke="{tickStroke}" minorTickStroke="{minorTickStroke}"
                                 showLine="true" showLabels="true" labelRenderer="mx.charts.chartClasses.ChartLabel"
                                 placement="left" tickPlacement="cross" tickLength="5" fontSize="12"
                                 />
            </mx:verticalAxisRenderers>
        </mx:LineChart>
        
    </mx:Canvas>
    <mx:Script>
        <![CDATA[
            import com.bewellcommunication.pvg.model.BackendService;
            import com.bewellcommunication.pvg.model.Utilities;
            import flash.events.TimerEvent;
            import mx.charts.chartClasses.IAxis;
            import mx.charts.series.items.LineSeriesItem;
            import mx.collections.ArrayCollection;
            import mx.collections.XMLListCollection;
            import mx.controls.RadioButton;
            import mx.controls.RadioButtonGroup;
            import mx.rpc.events.ResultEvent;
            [Bindable]
            private var patientMeasureNames:ArrayCollection;
            private var patientMeasureIds:Array;
            private var dataVideoIds:Array;
            private var videoButtons:Array;
            [Bindable]
            private var patientData:XMLListCollection;
            [Bindable]
            private var maxDate:Date;
            [Bindable]
            private var maxValue:Number;
            [Bindable]
            private var styleNames:Array = new Array("axisStroke");
            private function initialization():void
                var service:BackendService = new BackendService();
                var xml:String = "<LoadPatientMeasures>"
                    + "\n<clientId>" + 2 + "</clientId>"
                    + "\n</LoadPatientMeasures>";
                service.request(xml, loadPatientMeasuresFinish);
            public function loadPatientMeasuresFinish(re:ResultEvent):void
                var xmlResult:XML = XML(re.result.valueOf().toString());
                var error:String = xmlResult.error;
                if (error != null && error != "")
                    trace(xmlResult.error + "Problem loading patient measures");        // PENDING: bwcAlert
                else
                    this.patientMeasureNames = new ArrayCollection();
                    this.patientMeasureNames.addItem("(Select measure)");
                    this.patientMeasureIds = new Array();
                    this.patientMeasureIds.push(0);
                    var xmlMeasures:XMLList = xmlResult.measures.children();
                    for each (var xmlMeasure:Object in xmlMeasures)
                        this.patientMeasureIds.push(Number(xmlMeasure.measureId));
                        var name:String = xmlMeasure.measureName;                        // PENDING: utils.makeSafe()
                        this.patientMeasureNames.addItem(name);
            public function loadPatientData():void
                var measureIndex:int = this.measureCombo.selectedIndex;
                if (measureIndex < 1)
                    return;
                var service:BackendService = new BackendService();
                var xml:String = "<LoadPatientData>"
                    + "\n<clientId>" + 2 + "</clientId>"
                    + "\n<measureId>" + this.patientMeasureIds[measureIndex] + "</measureId>"
                    + "\n</LoadPatientData>";
                service.request(xml, loadPatientDataFinish);
            public function loadPatientDataFinish(re:ResultEvent):void
                var xmlResult:XML = XML(re.result.valueOf().toString());
                var error:String = xmlResult.error;
                if (error != null && error != "")
                    trace(xmlResult.error + "Problem loading patient data");        // PENDING: bwcAlert
                else
                    // re-initialize
                    this.annotationCanvas.removeAllChildren();
                    // set data for graphing
                    this.patientData = new XMLListCollection(xmlResult.results.result);
                    this.dataVideoIds = new Array();
                    // calculate mins and maximums for axis spacing
                    var xmlResults:XMLList = xmlResult.results.children();
                    var minDate:Number = Number.MAX_VALUE;
                    var maxDate:Number = Number.MIN_VALUE;
                    var minVal:Number = Number.MAX_VALUE;
                    var maxVal:Number = Number.MIN_VALUE;
                    for each (var result:Object in xmlResults)
                        var date:Number = Number(result.date);
                        var val:Number = Number(result.value);
                        if (!isNaN(val))
                            if (date < minDate)
                                minDate = date;
                            if (date > maxDate)
                                maxDate = date;
                            if (val < minVal)
                                minVal = val;
                            if (val > maxVal)
                                maxVal = val;
                        // also store the video id
                        var videoId:Number = Number(result.videoId);
                        this.dataVideoIds.push(videoId);
                    // set scale max for each axis
                    this.maxDate = new Date(maxDate + ((maxDate - minDate) * 0.1));
                    this.maxValue = maxVal * 1.1;
                    // draw links to videos
                    var utils:Utilities = new Utilities();
                    utils.relinquishThenFinish(drawLinksToVideos, 500);
            private function drawLinksToVideos(e:TimerEvent):void
                var rect:Rectangle = new Rectangle(0, 0, 99999, 99999);        // get all items
                var items:Array = this.progressChart.getItemsInRegion(rect);
                var i:int;
                var rbg:RadioButtonGroup = new RadioButtonGroup(this.annotationCanvas);
                this.videoButtons = new Array();
                for (i = 0; i < items.length; i++)
                    var liveButton:RadioButton = null;
                    if (this.dataVideoIds[i] > 0)
                        var item:LineSeriesItem = items[i];
                        var radio:RadioButton = new RadioButton();
                        radio.group = rbg;
                        liveButton = radio;
                        radio.addEventListener(Event.CHANGE, loadAndPlayVideo);
                        this.annotationCanvas.addDataChild(radio, item.xValue, item.yValue);
                    this.videoButtons.push(liveButton);    // one for each item
            private function loadAndPlayVideo(e:Event):void
                var utils:Utilities = new Utilities();
                utils.relinquishThenFinish(finishLoadAndPlayVideo);
            private function finishLoadAndPlayVideo(e:TimerEvent):void
                // identify video to play
                var i:int;
                var target:int = -1;
                for (i=0; target == -1 && i < this.videoButtons.length; i++)
                    var radio:RadioButton = this.videoButtons[i] as RadioButton;
                    if (radio != null && radio.selected)
                        target = i;
                // play video
                if (target > -1)
                    trace("play video: index=" + target + " id=" + this.dataVideoIds[target]);
            private function makeDateFromString(dateStr:String):Date
                var dateNum:Number = Number(dateStr);
                var date:Date = new Date(dateNum);
                trace("date=" + date.toLocaleString());
                return date;
            private function formatDateLabel(cur:Date, prev:Date, axis:IAxis):String
                var label:String = cur.month + "/" + cur.date + " " + cur.hours + ":" + cur.minutes;
                return label;
        ]]>
    </mx:Script>
</mx:Application>
package
    import mx.charts.series.LineSeries;
    public class BwcLineSeries extends LineSeries
        public function BwcLineSeries()
            super();
        override protected function updateDisplayList(unscaledWidth:Number,
                                                      unscaledHeight:Number):void
            var useWidth:Number = unscaledWidth;
            var useHeight:Number = unscaledHeight;
            /*if (isNaN(useWidth))
                useWidth = 745.5;
                useHeight = 365;
            super.updateDisplayList(useWidth, useHeight);
<data>
<measure/>
<results>
    <result>
      <date>1276613823585</date>
      <value>180.0</value>
      <videoId>0</videoId>
    </result>
    <result>
      <date>1276613923383</date>
      <value>170.0</value>
      <videoId>0</videoId>
    </result>
    <result>
      <date>1276614556024</date>
      <value>210.0</value>
      <videoId>0</videoId>
    </result>
    <result>
      <date>1276628450502</date>
      <value>150.0</value>
      <videoId>104</videoId>
    </result>
    <result>
      <date>1276628667114</date>
      <value>180.0</value>
      <videoId>106</videoId>
    </result>
</results>
</data>

@Jason Villmer,
I believe the issue you're describing is http://bugs.adobe.com/jira/browse/SDK-26940.
There is a workaround listed in the bug report which should work (based on my testing), or you could probably set the direction and layoutDirection styles globally using a Style block.
Peter

Access denied error while exporting chart to excel

I need to export data from a gridview to chart in excel. Through system account credentials it works fine. But through a user's credentials its giving an access denied error. The gridview data is exported properly but the current chart which is displayed
on page is not getting displayed in excel.
So is there any other way to achieve this?
I was thinking og saving it to virtual folder in the Site but I cannot figure out the exact code for it. Since file upload control is not involved, how to save the chart to the virtual folder. Any inputs on this?

Hello,
Would you mind if you use "runwithelevatedprivileges" in your code to execute code with admin privilege?
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.spsecurity.runwithelevatedprivileges.aspx
>I was thinking og saving it to virtual folder in the Site
Do you want to save excel in system folder or SP site folder?
Hemendra:Yesterday is just a memory,Tomorrow we may never see
Please remember to mark the replies as answers if they help and unmark them if they provide no help

3D Chart in Flex (X, Y & Z Axis)

Dear All,
I am working on Flex charting stuff.
I have to present many charts in 3D view (X-axis, Y-axis and Z-axis).
I read and searched about flex charting but didn't get anything about chart presentation in 3 axis plan.
Please help me by your thought OR idea about this.
Thank you.
Tejas Patel.

I got and tried this lines of code but not executed successfully.
What I had mistake here OR what missing?
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:fc="http://www.adobe.com/2006/fc width="600" height="600" >
<mx:Script>
<![CDATA[
[Bindable] public var place:Array = [
{country: "India", north: 85, west: 25, east:40},
{country: "USA", north: 53, west: 40, east:25},
{country: "UK", north: 45, west: 32, east:45},
{country: "Japan", north: 60, west: 25, east:39}
]]>
</mx:Script>
<mx:Style>
         @font-face{ src: url("assets/verdana.ttf"); fontFamily: myFont; }
         Column3DChart { fontFamily: myFont; fontSize: 10; }
        </mx:Style>
<fc:Column3DChart id="my3dchart" type="clustered" angleX="30" angleY="30" height="100%" width="100%" >
     <fc:horizontalAxis>
          <mx:CategoryAxis dataProvider="{place}" categoryField="country" />
     </fc:horizontalAxis>
     <fc:verticalAxis>
          <mx:LinearAxis minimum="0" maximum="70"/>
     </fc:verticalAxis>
     <fc:series>
          <mx:Array>
            <fc:Column3DSeries dataProvider="{place}" yField="north" displayName="North">
                <fc:fill>
                    <mx:SolidColor color="#EEEE00"/>
                </fc:fill>
            </fc:Column3DSeries>
            <fc:Column3DSeries dataProvider="{place}" yField="west" displayName="West">
                <fc:fill>
                    <mx:SolidColor color="#CCCCFF"/>
                </fc:fill>
            </fc:Column3DSeries>
            <fc:Column3DSeries dataProvider="{place}" yField="east" displayName="East">
                <fc:fill>
                    <mx:SolidColor color="#CC9900"/>
                </fc:fill>
            </fc:Column3DSeries>
          </mx:Array>
        </fc:series>
      </fc:Column3DChart>
<mx:Legend dataProvider="{my3dchart}"/>
</mx:Application>

How to dynamically add new line series to the line chart in flex?

i need to add line series dynamically..and each line series should have a different data provider...

A chart can have only 1 dataProvider which in my case is an ArrayCollection.
The chart will update every time the dataProvider changes if you use binding.
So you have to write a function that periodically populates the ArrayCollection with data from the server and the chart will update automatically.
'Using line charts' tutorial from Adobe: http://livedocs.adobe.com/flex/3/html/charts_types_08.html#243339

Goal Line Chart in Flex

Hello All,
I'm creating a project that consists of flex chart componnents. However, client requires a goal line in the charts. I've googled allday on this and cant seem to find any samples. Is this even possible? If so, can you please lead me to the right direction.
Kinda like this example..but just have the goal line horizontal.
Jeff

Can you just take the min and max from the data source feeding your line chart, build a separate line chart with start and end corresponding to those two points and y-value corresponding to your goal, and add a second series to the chart? You may need to build a custom lineSegmentRenderer if you want a dashed line but a thin, low-alpha line may look fine.

There's no proper way to export charts to PDF in numbers 3

In Numbers 09, there're at least two ways.
1. copy the chart and paste to preview with `New from clipboard`, although this has some bugs on the chart format
2. Copy to pages, export as RTFD, and extract the pdf in the package.
However, when upgraded to the new iWork,
these two ways are ruled out.
1. Seems preview doesn't recognize the new format of the iwork content, so `New from clipboard` results in a blurry image instead of a vectorgraph like pdf.
2. The exporting to RTFD functionality has been removed.
I don't understand why apple is doing this, and I wonder is there any proper way to export to a high-resolution PDF from the charts?

Print the page/sheet and select "Print PDF to Preview" instead of actually printing.
In Preview, use the rectangular selection tool to select the chart
Copy
New from Clipboard
That will create a PDF vector image of the chart. It is a few more steps than in Numbers '09 but it does give you all the pieces of the chart (unlike Numbers '09),

Exporting Charts as images

Hello everyone,
I have a little script that generates a GUI with text reports, but also some charts for things like free/used HDD space.
Is there a way to export these charts to a .jpg file so that I can include them in a HTML report?
The only thing I found on the net was a Module called PowerBoots which seems like it was able to do this. But its no longer available.
Any ideas?

Hi there,
Try SaveImage Method on your chart object: https://msdn.microsoft.com/en-us/library/dd456181.aspx

Export charts in flex

Similar Messages

Maybe you are looking for