Инициирование события щелчка элемента Flex Piechart при щелчке элемента сетки данных - PullRequest
Новая
       10

Инициирование события щелчка элемента Flex Piechart при щелчке элемента сетки данных

0 голосов
/ 04 ноября 2011

Можно ли вызвать событие щелчка элемента Flex Piechart при щелчке элемента сетки данных. Если да, то кто-нибудь может привести пример.

Ответы [ 3 ]

0 голосов
/ 08 ноября 2011

Да, возможно инициировать событие itemClick при каждом нажатии на сетку данных или любой другой элемент. Здесь важно то, что --index-- элемента в сетке данных должен быть функцией --index--элемента в круговой диаграмме.

На любом графике есть элемент "series", а в любом элементе "series" есть массив "items".Вы можете запустить наведение / нажатие на этот «элемент», используя механизм запуска Flex.

0 голосов
/ 10 ноября 2011

Привет Нашел решение после некоторого поиска в Google, Спасибо за комментарии Neeraj & Nate. 

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script><![CDATA[
        import mx.charts.*;
        import mx.collections.ArrayCollection;
        import mx.events.ListEvent;
        import mx.graphics.GradientEntry;
        import mx.graphics.LinearGradient;

        [Bindable]
        public var explodingArray:Array = [0,0,0,0,0,0];

        private function explodeSlice(e:ListEvent):void{
            explodingArray = [0,0,0,0,0,0];
            explodingArray[e.rowIndex]=0.1; 
            pie1.series[0].perWedgeExplodeRadius = explodingArray;
            expenses2.refresh();
        }       

        [Bindable]
        public var expenses2:ArrayCollection = new ArrayCollection([
            {Tissues: "Large Intestine", TissueCount: 149},
            {Tissues: "Lung", TissueCount: 127},            
            {Tissues: "Pancreas", TissueCount: 84},
            {Tissues: "Biliary Tract", TissueCount: 58},
            {Tissues: "Haematopoietic and Lymphoid tissue", TissueCount: 20}
        ]);     

    ]]></mx:Script>



    <mx:DataGrid dataProvider="{expenses2}" editable="false" itemClick="explodeSlice(event)" >
        <mx:columns>
            <mx:DataGridColumn dataField="TissueCount" headerText="Tissues Count"/>
            <mx:DataGridColumn dataField="Tissues" headerText="Tissues"/>
        </mx:columns>
    </mx:DataGrid>

    <mx:SeriesInterpolate id="interpolate" duration="1000"/>
    <mx:HBox>
        <mx:Panel title="Exploding Pie Chart (animated)">
            <mx:PieChart id="pie1" dataProvider="{expenses2}" showDataTips="true" selectionMode="single">
                <mx:series>
                    <mx:PieSeries field="TissueCount" nameField="Tissues" perWedgeExplodeRadius="{explodingArray}" showDataEffect="interpolate"/>
                </mx:series>
            </mx:PieChart>
            <mx:Legend dataProvider="{pie1}"/>
        </mx:Panel>
    </mx:HBox>  

</mx:Application>
0 голосов
/ 04 ноября 2011

Я бы пошел по-другому, чем пытался вызвать событие на круговой диаграмме. Я бы попробовал инкапсулировать логику вашей круговой диаграммы в новую функцию

Если у вас есть такое событие на круговой диаграмме, как это: 

    private function PieChartClick(event:ItemEvent):void{
       DoPieChartClick();
    }

    private function DoPieChartClick():void{
       var selectedItem = picChart.SelectedItem;
       //do the rest of your logic
    }

    private function DataGridClick(event:ItemEvent):void{
        //do your datagrid stuff
        DoPieChartClick(); //This would be like you clicked on the pie chart.
    }
...