Flex Charting -- Removing LineSeries

New to flex charting. I there a way to remove a line Series
if all of the values = 0?
<hits>
<aa>0</aa>
<ab>0</ab>
<ac>0</ac>
</hits>
<hits>
<aa>990</aa>
<ab>675</ab>
<ac>453</ac>
</hits>

New to flex charting. I there a way to remove a line Series
if all of the values = 0?
<hits>
<aa>0</aa>
<ab>0</ab>
<ac>0</ac>
</hits>
<hits>
<aa>990</aa>
<ab>675</ab>
<ac>453</ac>
</hits>

Similar Messages

  • Programitically creating column series to flex chart not showing the chart

    I want to create n number of series dynamically when i run my
    application.
    where n can be any value it depends on the data which i
    retrieve from database. below i pasted the example
    ( in this example i have taken n = 4 i.e., CountMax=4 if i
    change the CountMax=6 then it should generate 6series dynamically
    after calculating the values. ). just copy the below code and paste
    it in Flex builder and run the application.
    in this example i am facing problem, chart series are not
    showing. i dont know the reason why its not showing, if anyone got
    the solutions for the problem please let me know. my actual
    requirement is to retrieve data from Salesforce account and want to
    populate the arraylist then display the chart.
    <?xml version="1.0"?>
    <!-- Example showing using mx:LineSeries vs using AS to
    create chart series programmatically -->
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    creationComplete="drawChart()" layout="absolute">
    <mx:Script>
    <![CDATA[
    import mx.controls.Alert;
    import mx.charts.series.ColumnSeries;
    import mx.charts.series.LineSeries;
    import mx.collections.ArrayCollection;
    [Bindable]
    public var categoryArray:ArrayCollection = new
    ArrayCollection();
    [Bindable]
    public var sArray:ArrayCollection = new ArrayCollection();
    public function drawChart():void
    var histMax:int = 25;
    var histMin:int = 5;
    var countMax:int = 6;
    var tmpArr:Array = new Array();
    categoryArray.removeAll();
    for(var n:int = 0; n < 10; n++)
    tmpArr[n] = histMin + Math.round((2 * n) / 20 * (histMax -
    histMin));
    categoryArray.addItem({data:tmpArr[n]});
    // Add a series to the chart with the x-values and y-values
    // from the arrays and set the series type to a column chart
    for(var chartSeries:int = 0; chartSeries < countMax;
    chartSeries++)
    var tmpseries:Array = new Array(10);
    for(var i:int = 1; i < 10; i++)
    tmpseries = 3 * Math.random();
    var cs:ColumnSeries = new ColumnSeries();
    columnchart1.series.join( = [cs];
    sArray.addItem({data:tmpseries});
    //columnchart1.dataProvider = sArray;
    cs = new ColumnSeries();
    cs.dataProvider= sArray;
    cs.displayName = 'Series';
    cs.yField = 'data';
    columnchart1.series[chartSeries] = cs;
    ]]>
    </mx:Script>
    <mx:Panel title="Dynamic Series Adding Sample"
    width="195%" height="90%" layout="absolute">
    <mx:ColumnChart id="columnchart1" height="338"
    width="396" showDataTips="true" type="stacked" x="10" y="0">
    <mx:horizontalAxis>
    <mx:CategoryAxis dataProvider="{categoryArray}"
    categoryField="data"/>
    </mx:horizontalAxis>
    <mx:verticalAxis>
    <mx:LinearAxis baseAtZero="true" maximum="3"
    autoAdjust="true"/>
    </mx:verticalAxis>
    </mx:ColumnChart>
    </mx:Panel>
    </mx:Application>

    <?xml version="1.0"?>
    <!-- Example showing using mx:ColumnSeries vs using AS to
    create chart series programmatically -->
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    creationComplete="drawChart()" layout="absolute">
    <mx:Script>
    <![CDATA[
    import mx.graphics.SolidColor;
    import mx.charts.HitData;
    import mx.controls.Alert;
    import mx.charts.series.ColumnSeries;
    import mx.charts.series.LineSeries;
    import mx.collections.ArrayCollection;
    [Bindable]
    public var categoryArray:ArrayCollection = new
    ArrayCollection();
    public function drawChart():void
    var histMax:int = 25;
    var histMin:int = 5;
    var countMax:int = 3;
    var tmpArr:Array = new Array();
    categoryArray.removeAll();
    for(var n:int = 0; n < 10; n++)
    tmpArr[n] = histMin + Math.round((2 * n) / 20 * (histMax -
    histMin));
    categoryArray.addItem({data:tmpArr[n]});
    var cs:ColumnSeries = new ColumnSeries();
    columnchart1.series = [cs];
    // Add a series to the chart with the x-values and y-values
    // from the arrays and set the series type to a column chart
    for(var chartSeries:int = 0; chartSeries < countMax;
    chartSeries++)
    var tmpseries:Array = new Array(10);
    for(var i:int = 0; i < 10; i++)
    tmpseries
    = 1 * Math.random();
    if(tmpseries > 0.5)
    tmpseries
    = 1;
    else
    tmpseries = 0;
    var testArrCol:ArrayCollection = new ArrayCollection();
    for(var j:int =0; j < 10; j++)
    var m:Number = tmpArr[j];
    var m1:Number = tmpseries[j];
    testArrCol.addItem({mData:m.toString(),nData:m1.toString()});
    cs = new ColumnSeries();
    cs.dataProvider = testArrCol;
    cs.displayName = 'Series' + chartSeries;
    cs.xField = 'mData';
    cs.yField = 'nData';
    columnchart1.series[chartSeries] = cs;
    public function myTipFunction(hitData:HitData):String
    return(ColumnSeries(hitData.element).displayName +" - "+
    hitData.item.mData + "\n" + "Value : "+ hitData.item.nData);
    ]]>
    </mx:Script>
    <mx:Panel title="Dynamic Series Adding Sample" width="98%"
    height="90%" layout="absolute">
    <mx:ColumnChart id="columnchart1" height="338"
    width="396" showDataTips="true" type="stacked" x="10" y="0"
    dataTipFunction="{myTipFunction}">
    <mx:horizontalAxis>
    <mx:CategoryAxis dataProvider="{categoryArray}"
    categoryField="data"/>
    </mx:horizontalAxis>
    <mx:verticalAxisRenderer>
    <mx:AxisRenderer visible="false"/>
    </mx:verticalAxisRenderer>
    </mx:ColumnChart>
    </mx:Panel>
    </mx:Application>

  • Migrate Flex Chart to AS

    Hi,
    I've put together a simple test app that pulls data from blazeds and inserts the results in a PieChart defined in mxml. However when I try to create the same chart in AS the chart doesn't show up. I suspect that it is perhaps related to the sequence of how things are initialized? but I'm not sure
    Here is my code. I've created 3 charts. The first (mxml) chart is the one that works fine. The second (AS) is my attempt to recreate the mxml chart in AS and it does not work. The third is a sanity check of another test AS chart just to see if I can actually make an AS PieChart and it also works fine.
    If anyone has any insight it would be much appreciated.
    Thank you,
    Kaveh
    <?xml version="1.0" encoding="utf-8"?>
    <!-- intro\intro_remoting.mxml -->
    <mx:Application     xmlns:mx="http://www.adobe.com/2006/mxml"
                        xmlns:data="com.kg.data.*"
                        width="100%"
                        height="100%"
                        initialize="getPokerParameterNumbers()"
                        backgroundColor="#FFFFFF">
        <mx:Script>
            <![CDATA[          
                import mx.rpc.events.FaultEvent;
                import mx.rpc.events.ResultEvent;
                import mx.collections.ArrayCollection;
                import mx.charts.PieChart;
                import mx.charts.series.PieSeries;
                import mx.charts.Legend;           
                [Bindable]
                public var paramCount:ArrayCollection;
                [Bindable]
                 public var expenses:ArrayCollection = new ArrayCollection([
                    {Expense:"Taxes", Amount:2000},
                    {Expense:"Rent", Amount:1000},
                    {Expense:"Bills", Amount:100},
                    {Expense:"Car", Amount:450},
                    {Expense:"Gas", Amount:100},
                    {Expense:"Food", Amount:200}
                // Get the initial data set from the poker db
                private function getPokerParameterNumbers():void {
                    //remoteObject.getParameterTypesAndCount();
                    remoteObject.getParameterCount();
                    addSecondChart();
                    add3rdChart();
                // Handle the recevied message.
                private function resultHandler(event:ResultEvent):void {
                    statusTextArea.text += "Server responded [] : \n";
                    var myObject:Object = event.result;
                    paramCount.removeAll();
                    for (var key:* in myObject)
                      var value:* = myObject[key];
                      statusTextArea.text += "Parameter: " + key + " Count: " + value + "\n";
                      var paramItem:Object = new Object();
                      paramItem.parameterization = key;
                      paramItem.count = value;
                      paramCount.addItem(paramItem);
                    paramCount.refresh();
                private function newResultHandler(event:ResultEvent):void {
                    var collectionResult:ArrayCollection = ArrayCollection(event.result);
                    statusTextArea.text += "-" + collectionResult.length + "-";
                    paramCount = ArrayCollection(event.result);
                // Handle a message fault.
                private function faultHandler(event:FaultEvent):void {
                    statusTextArea.text += "Received fault: " + event.fault + "\n";
                public function addSecondChart():void {
                    //var medalsAC:ArrayCollection;
                    var chart:PieChart;
                    var series:PieSeries;
                    //medalsAC = getDataProvider();
                    /* Define pie series. */
                    series = new PieSeries();
                    //series.nameField = "label";
                    //series.field = "data";
                    series.nameField = "name";
                    series.field = "count";
                    /* Remove default dropshadow filter. */
                    series.filters = [];
                    /* Define pie chart. */
                    chart = new PieChart();
                    chart.percentWidth = 100;
                    chart.percentHeight = 100;
                    chart.showDataTips = true;
                    //chart.dataProvider = medalsAC;
                    chart.dataProvider = paramCount;
                    chart.series = [series];
                    /* Add chart to the display list. */
                    topHBox.addChild(chart);
                private function add3rdChart():void {
                    var medalsAC:ArrayCollection;
                    var chart:PieChart;
                    var series:PieSeries;
                    medalsAC = getDataProvider();
                    /* Define pie series. */
                    series = new PieSeries();
                    series.nameField = "label";
                    series.field = "data";
                    /* Remove default dropshadow filter. */
                    series.filters = [];
                    /* Define pie chart. */
                    chart = new PieChart();
                    chart.percentWidth = 100;
                    chart.percentHeight = 100;
                    chart.showDataTips = true;
                    chart.dataProvider = medalsAC;
                    chart.series = [series];
                    /* Add chart to the display list. */
                    p1.addChild(chart);
                 * Create and return a simple ArrayCollection to
                 * use as a data provider.
                private function getDataProvider():ArrayCollection {
                    var arr:Array = [];
                    arr.push({label:"Product 1", data:3});
                    arr.push({label:"Product 2", data:1});
                    arr.push({label:"Product 3", data:4});
                    arr.push({label:"Product 4", data:1});
                    arr.push({label:"Product 5", data:5});
                    arr.push({label:"Product 6", data:9});
                    return new ArrayCollection(arr);
            ]]>
        </mx:Script>
        <mx:RemoteObject id="remoteObject"
            destination="pokerDataSource"
            result="newResultHandler(event);"
            fault="faultHandler(event);"/>
        <mx:HBox width="100%" id="topHBox">
            <mx:VBox>
                <mx:PieChart id="myChart"
                    dataProvider="{paramCount}"
                    showDataTips="true"
                    selectionMode="single"
                    itemRollOverColor="#FF0066">
                    <mx:series>
                        <mx:PieSeries
                            field="count"
                            nameField="name"
                            labelPosition="callout"
                        />
                    </mx:series>
                </mx:PieChart>
                <mx:Legend dataProvider="{myChart}"/>
            </mx:VBox>
            <mx:TextArea     id="statusTextArea"
                            width="100%"        
                            height="100%"               
                            backgroundAlpha="0"
                            focusAlpha="0"
                            selectable="false"/>       
        </mx:HBox>
        <mx:Panel id="p1"/>
    </mx:Application>

    Hi,
    Simply let a IE or FireFox window display your Flex chart,
    and hold [Alt] and press [PrtSc] in your keyboard, Then, paste it
    into Word or Paint to be edited.
    Have fun!
    Jeffrey

  • Save flex chart to server

    Hello All
    I am in need of your help in saving a flex chart on to the server. Basically I want to export the chart to excel, as I dont find any resource for Flash builder 4, SDK 3.5, I opted the option of 1. saving chart as image to server and 2. accessing that image file in my excel
    Any sample codes should be very helpful, as this is quite urgent. Thanks!

    The problem was, that it is not possible to see the pdf directly from transaction AL11.
    I used the transaction CG3Y to move the file from the server to my desktop, and there I can see the pdf file.
    Solved
    Thanks for the input.

  • Flex chart x-axis data spacing

    hello
    i am using flex chart line series and column series. i want
    to display 100 data points, with different dates along the x-axis,
    but i don't want all 100 points to be displayed at the same time as
    the x-axis dates will not be readable. i want to have a fixed space
    between each x-axis point and the user then scrolls along the
    chart.
    i read the API but do not see any way to add the x-axis
    spacing?
    also how i do put more data information, with each data point
    if a mouse if placed over it, not just the X & Y data points.
    thank you for any assistance.
    Tony

    thanks so much,
    The tip data solved my 2nd problem.
    Thanks for your suggestions to"
    i am using flex chart line series and column series. i want
    to display 100 data points, with different dates along the x-axis,
    but i don't want all 100 points to be displayed at the same time as
    the x-axis dates will not be readable. i want to have a fixed space
    between each x-axis point and the user then scrolls along the
    chart.
    i read the API but do not see any way to add the x-axis
    spacing?
    you mentioned about using min/max values on the x-axis. That
    is a good solution except i would then need to add buttons to say
    ,show the next 30 days.
    I really want to to show 90days of data data, with say 30
    days appearing at once, and the user just scrolls to see the rest
    of the days data without having to press buttons for more data. Any
    idea how i can do this?
    thanks
    Anthony

  • Flex chart how to put distance between x-axis data

    hello
    i am using flex chart line series and column series. i want
    to display 100 data points, with different dates along the x-axis,
    but i don't want all 100 points to be displayed at the same time as
    the x-axis dates will not be readable. i want to have a fixed space
    between each x-axis point and the user then scrolls along the
    chart.
    i read the API but do not see any way to add the x-axis
    spacing?
    thank you for any assistance.
    Tony

    I don't know what you mean then.
    If you set the min and max to be a certain number of days
    apart then you know the dates within those days will be displayed.
    That combined with the width of the chart will define how much
    space there is between x-axis points.

  • Flex chart x-axis spacing between data

    hello
    i am using flex chart line series and column series. i want
    to display 100 data points, with different dates along the x-axis,
    but i don't want all 100 points to be displayed at the same time as
    the x-axis dates will not be readable. i want to have a fixed space
    between each x-axis point and the user then scrolls along the
    chart.
    i read the API but do not see any way to add the x-axis
    spacing?
    also how i do put more data information, with each data point
    if a mouse if placed over it, not just the X & Y data points.
    thank you for any assistance.
    Tony

    thanks so much,
    The tip data solved my 2nd problem.
    Thanks for your suggestions to"
    i am using flex chart line series and column series. i want
    to display 100 data points, with different dates along the x-axis,
    but i don't want all 100 points to be displayed at the same time as
    the x-axis dates will not be readable. i want to have a fixed space
    between each x-axis point and the user then scrolls along the
    chart.
    i read the API but do not see any way to add the x-axis
    spacing?
    you mentioned about using min/max values on the x-axis. That
    is a good solution except i would then need to add buttons to say
    ,show the next 30 days.
    I really want to to show 90days of data data, with say 30
    days appearing at once, and the user just scrolls to see the rest
    of the days data without having to press buttons for more data. Any
    idea how i can do this?
    thanks
    Anthony

  • 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>

  • Programitically adding column series in flex chart is not showing the chart

    <?xml version="1.0"?>
    <!-- Example showing using mx:LineSeries vs using AS to
    create chart series programmatically -->
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    creationComplete="drawChart()" layout="absolute">
    <mx:Script>
    <![CDATA[
    import mx.controls.Alert;
    import mx.charts.series.ColumnSeries;
    import mx.charts.series.LineSeries;
    import mx.collections.ArrayCollection;
    [Bindable]
    public var categoryArray:ArrayCollection = new
    ArrayCollection();
    [Bindable]
    public var sArray:ArrayCollection = new ArrayCollection();
    public function drawChart():void
    var histMax:int = 25;
    var histMin:int = 5;
    var countMax:int = 6;
    var tmpArr:Array = new Array();
    categoryArray.removeAll();
    for(var n:int = 0; n < 10; n++)
    tmpArr[n] = histMin + Math.round((2 * n) / 20 * (histMax -
    histMin));
    categoryArray.addItem({data:tmpArr[n]});
    // Add a series to the chart with the x-values and y-values
    // from the arrays and set the series type to a column chart
    for(var chartSeries:int = 0; chartSeries < countMax;
    chartSeries++)
    var tmpseries:Array = new Array(10);
    for(var i:int = 1; i < 10; i++)
    tmpseries
    = 3 * Math.random();
    var cs:ColumnSeries = new ColumnSeries();
    columnchart1.series.join( = [cs];
    sArray.addItem({data:tmpseries});
    //columnchart1.dataProvider = sArray;
    cs = new ColumnSeries();
    cs.dataProvider= sArray;
    cs.displayName = 'Series';
    cs.yField = 'data';
    columnchart1.series[chartSeries] = cs;
    ]]>
    </mx:Script>
    <mx:Panel title="Dynamic Series Adding Sample"
    width="195%" height="90%" layout="absolute">
    <mx:ColumnChart id="columnchart1" height="338"
    width="396" showDataTips="true" type="stacked" x="10" y="0">
    <mx:horizontalAxis>
    <mx:CategoryAxis dataProvider="{categoryArray}"
    categoryField="data"/>
    </mx:horizontalAxis>
    <mx:verticalAxis>
    <mx:LinearAxis baseAtZero="true" maximum="3"
    autoAdjust="true"/>
    </mx:verticalAxis>
    </mx:ColumnChart>
    </mx:Panel>
    </mx:Application>

    <?xml version="1.0"?>
    <!-- Example showing using mx:ColumnSeries vs using AS to
    create chart series programmatically -->
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    creationComplete="drawChart()" layout="absolute">
    <mx:Script>
    <![CDATA[
    import mx.graphics.SolidColor;
    import mx.charts.HitData;
    import mx.controls.Alert;
    import mx.charts.series.ColumnSeries;
    import mx.charts.series.LineSeries;
    import mx.collections.ArrayCollection;
    [Bindable]
    public var categoryArray:ArrayCollection = new
    ArrayCollection();
    public function drawChart():void
    var histMax:int = 25;
    var histMin:int = 5;
    var countMax:int = 3;
    var tmpArr:Array = new Array();
    categoryArray.removeAll();
    for(var n:int = 0; n < 10; n++)
    tmpArr[n] = histMin + Math.round((2 * n) / 20 * (histMax -
    histMin));
    categoryArray.addItem({data:tmpArr[n]});
    var cs:ColumnSeries = new ColumnSeries();
    columnchart1.series = [cs];
    // Add a series to the chart with the x-values and y-values
    // from the arrays and set the series type to a column chart
    for(var chartSeries:int = 0; chartSeries < countMax;
    chartSeries++)
    var tmpseries:Array = new Array(10);
    for(var i:int = 0; i < 10; i++)
    tmpseries
    = 1 * Math.random();
    if(tmpseries > 0.5)
    tmpseries
    = 1;
    else
    tmpseries = 0;
    var testArrCol:ArrayCollection = new ArrayCollection();
    for(var j:int =0; j < 10; j++)
    var m:Number = tmpArr[j];
    var m1:Number = tmpseries[j];
    testArrCol.addItem({mData:m.toString(),nData:m1.toString()});
    cs = new ColumnSeries();
    cs.dataProvider = testArrCol;
    cs.displayName = 'Series' + chartSeries;
    cs.xField = 'mData';
    cs.yField = 'nData';
    columnchart1.series[chartSeries] = cs;
    public function myTipFunction(hitData:HitData):String
    return(ColumnSeries(hitData.element).displayName +" - "+
    hitData.item.mData + "\n" + "Value : "+ hitData.item.nData);
    ]]>
    </mx:Script>
    <mx:Panel title="Dynamic Series Adding Sample" width="98%"
    height="90%" layout="absolute">
    <mx:ColumnChart id="columnchart1" height="338"
    width="396" showDataTips="true" type="stacked" x="10" y="0"
    dataTipFunction="{myTipFunction}">
    <mx:horizontalAxis>
    <mx:CategoryAxis dataProvider="{categoryArray}"
    categoryField="data"/>
    </mx:horizontalAxis>
    <mx:verticalAxisRenderer>
    <mx:AxisRenderer visible="false"/>
    </mx:verticalAxisRenderer>
    </mx:ColumnChart>
    </mx:Panel>
    </mx:Application>

  • Flex chart restarts on tab focus in firefox

    I have plotted flex chart inside div element. It shows up correctly but when i go to another tab in firefox and comes back then flex chart restarts. Also i have seen it happens inside dojo tabs also.
    Anyone has any idea why chart restarts ? How can this be avoided.
    Thanks,
    Zooz

    The author of Custom New Tab says this will be in the next update of the extension.
    If you don't want to wait for the approval cycle on the Add-ons site, you can grab it from the Versions page:
    https://addons.mozilla.org/firefox/addon/custom-new-tab/versions/
    <s>Note: I have not tested it myself.</s>
    <u>Version 1.9 worked for me. See screenshot regarding how the Options dialog works for the updated extension.</u>

  • Copy and Paste Flex chart to Word Document

    Hi , I'm a newbie to Flex and was wondering if anyone knows
    if it possible to use the right click button on the mouse to copy
    and paste a Flex chart to a Word Document? Any help would be
    greatly appreciated.
    thanks

    Hi,
    Simply let a IE or FireFox window display your Flex chart,
    and hold [Alt] and press [PrtSc] in your keyboard, Then, paste it
    into Word or Paint to be edited.
    Have fun!
    Jeffrey

  • Convert/Export Flex chart to MS Word

    Hi All,
    Please let me know how to Convert/Export the Flex Chart to MS Word...
    Please send the related links or samples if  you have.
    Thanks in advance.
    Regards,
    Seshadri Babu.G

    Well, "used to..." is not a good business case.
    They don't need to receive reports anymore, they can view them in the portal as needed. Viewing in Word is functionaly about the same as viewing in Excel if "receiving" is the preferred method for them.
    Having reports in PDF is better if they want to print.
    Or they can use Crystal reports as a last resort....  I think those might export to word.
    Webi is on-demand, ad-hock reporting, that's what's it for. Export to other formats is a secondary function.

  • Export flex chart to excel

    How can I export an flex chart to excel? Does anyone have any sample code.

    Yes, now it's easy with AIR2 (and AS3XLS):
    http://coenraets.org/blog/2009/11/open-in-excel-another-air-2-mini-sample/
    Thanks,
    Oleg.

  • Jsp flex chart

    Hello
    I would like to create a horizontal bar chart according to data from a struts2 action class and place the flex chart in a jsp.
    I have already seen code on how to do a horizontal bar chart @ http://livedocs.adobe.com/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=Live Docs_Book_Parts&file=charts_types_109_03.html
    I am watching James Ward's video on java and flex @ http://www.jamesward.com/blog/2008/07/21/video-flex-and-java/
    How do I place the flex graph in my jsp? What kind of flex project/component do I create and where do I place it?
    Appreciate all help.
    Thanks

    Once you compile your Flex app you can size it and embed it anywhere you
    want in your web page.

  • Does Flex Builder remove unused code?

    Hi, I have alot of dead code in app that is resulting in an unnecessarily large SWF. Is there a way to make the flex compiler remove unused functions?

    Although tedious, drkstr_1 has the plan of action. Generally you should need to clean up orphaned code and remove all trace statements. I often see the tracing statements of other Flash Player products when doing development and some are quite revealing if not embarrasing.
    Also "unnecessarily large swf" begs the question what is large? If in Flash IDE did you run the bandwidth report to see exactly what makes it "unnecessarily large swf". You see this option in the publish settings.
    Typically code is not going to make a "unnecessarily large swf" but rather digital assets embedded and fonts embedded. Code could make it "unnecessarily large swf" if there are lots of libraries you are using and you are only using some tiny part of the library which you could refactor or find a snippet on the net.
    Last "unnecessarily large swf" in relation to what bandwidth? Do you have a targeted minimum bandwidth to make the assessment "unnecessarily large swf"?

Maybe you are looking for