Question

alt text http://www.mattdell.com/hostedfiles/flexchartissue.bmp

I am having an issue where the chart labels on my Flex Pie Chart don’t go away when the data is refreshed. In the picture above, the left/before chart is how the chart loads by default. By choosing another item from a drop down, the chart changes to the right/after chart, but the “At Risk” label does not go away. The same goes for another selection where “In Work” does no go away.

Has anyone else had this happen to them? I can’t find ANY information on this!

Thanks!

-Matt

Answer 1

I ran into this problem and it took me a while to figure out a workaround for this bug.

To fix this, I set the PieChart series when the dataProvider’s underlying Collection is set and anytime that Collection changes:

<?xml version="1.0" encoding="utf-8"?>
<mx:PieChart xmlns:mx="http://www.adobe.com/2006/mxml"
    dataProvider="{dataForPieChart}">
    <mx:Script>
        <![CDATA[
            import mx.events.CollectionEvent;
            import mx.collections.ArrayCollection;
            import mx.charts.series.PieSeries;

            [Bindable]
            private var _dataForPieChart:ArrayCollection;

            public function set dataForPieChart(value:ArrayCollection):void
            {
                _dataForPieChart = value;

                /* Add a Collection Change Event Listener to the Collection. */
                _dataForPieChart.addEventListener(
                    CollectionEvent.COLLECTION_CHANGE, 
                    dataForPieChart_collectionChangeHandler);

                reloadPieSeries();
            }

            public function get dataForPieChart():ArrayCollection
            {
                return _dataForPieChart;
            }

            private function dataForPieChart_collectionChangeHandler(
                event:CollectionEvent):void
            {
                reloadPieSeries();
            }

            private function reloadPieSeries():void
            {
                series = new PieSeries();

                series.field = "myValue";

                series.labelPosition = "callout";
            }
        ]]>
    </mx:Script>
</mx:PieChart>