zoukankan      html  css  js  c++  java
  • 数据源改变后,BarChart组件的运动效果.

    showDataEffect属性.
    barSeries.xField 属性
    barSeries.displayName 属性

    代码:

    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/10/15/using-data-effects-to-animate-chart-data/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="vertical"
            verticalAlign
    ="middle"
            backgroundColor
    ="white">

        
    <mx:Script>
            
    <![CDATA[
                private function updateDP():void {
                    var str:String = categoryFieldComboBox.selectedItem.data;
                    barSeries.xField = str;
                    barSeries.displayName = str;
                }
            
    ]]>
        
    </mx:Script>

        
    <mx:SeriesInterpolate id="seriesInterpolate" duration="1000" />
        
    <mx:SeriesSlide id="seriesSlide" duration="1000" direction="right" />
        
    <mx:SeriesZoom id="seriesZoom" duration="1000" />

        
    <mx:Array id="dataEffects">
            
    <mx:Object label="seriesInterpolate" data="{seriesInterpolate}" />
            
    <mx:Object label="seriesSlide" data="{seriesSlide}" />
            
    <mx:Object label="seriesZoom" data="{seriesZoom}" />
        
    </mx:Array>

        
    <mx:Array id="categoryFields">
            
    <mx:Object data="obp" label="OBP" />
            
    <mx:Object data="slg" label="SLG" />
            
    <mx:Object data="avg" label="AVG" />
        
    </mx:Array>

        
    <mx:ArrayCollection id="arrColl">
            
    <mx:source>
                
    <mx:Array>
                    
    <mx:Object name="R Winn" obp=".353" slg=".445" avg=".300" />
                    
    <mx:Object name="P Feliz" obp=".290" slg=".418" avg=".253" />
                    
    <mx:Object name="O Vizquel" obp=".305" slg=".316" avg=".246" />
                    
    <mx:Object name="B Molina" obp=".298" slg=".433" avg=".276" />
                    
    <mx:Object name="R Durham" obp=".295" slg=".343" avg=".218" />
                
    </mx:Array>
            
    </mx:source>
        
    </mx:ArrayCollection>

        
    <mx:ApplicationControlBar dock="true">
            
    <mx:Form>
                
    <mx:FormItem label="categoryField:">
                    
    <mx:ComboBox id="categoryFieldComboBox"
                        dataProvider
    ="{categoryFields}"
                            change
    ="updateDP();" />
                
    </mx:FormItem>
                
    <mx:FormItem label="showDataEffect:">
                    
    <mx:ComboBox id="showDataEffectComboBox"
                            dataProvider
    ="{dataEffects}"
                            change
    ="updateDP();" />
                
    </mx:FormItem>
            
    </mx:Form>
        
    </mx:ApplicationControlBar>

         
    <mx:BarChart id="barChart"
                 showDataTips
    ="true"
                 dataProvider
    ="{arrColl}"
                 width
    ="100%"
                 height
    ="100%">
            
    <mx:verticalAxis>
                
    <mx:CategoryAxis categoryField="name"/>
            
    </mx:verticalAxis>
            
    <mx:series>
                
    <mx:BarSeries id="barSeries"
                        yField
    ="name"
                        xField
    ="obp"
                        displayName
    ="obp"
                        showDataEffect
    ="{showDataEffectComboBox.selectedItem.data}" />
            
    </mx:series>
        
    </mx:BarChart>

    </mx:Application>
  • 相关阅读:
    java操作生成jar包 和写入jar包
    jboss配置jndi连接池
    windows 域的LDAP查询相关举例
    LDAP error Code 及解决方法
    HDU 6417
    CF1299D Around the World
    codechef Chef and The Colored Grid
    Educational Codeforces Round 82 (Rated for Div. 2)
    CF1237F Balanced Domino Placements
    CF1254E Send Tree to Charlie
  • 原文地址:https://www.cnblogs.com/Fooo/p/1585419.html
Copyright © 2011-2022 走看看