数据源改变后,BarChart组件的运动效果.
barSeries.xField 属性
barSeries.displayName 属性
示例:
代码:
<!-- 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>
数据源改变后,BarChart组件的运动效果.相关推荐
- css3运动后留下轨迹尾巴_利用CSS+JS实现唯美星空轨迹运动效果
先给大家分享效果图: 给大家分享一个使用CSS+JS实现的唯美星空轨迹运动效果, 这样的效果不输给Flash .相关代码如下: cloth body { background: #000; } i ...
- js实现椭圆轨迹_Canvas实现直线与圆形的物理运动效果
导语:之前写过几篇关于canvas实现圆环动画的文章,例如这篇:canvas绘制旋转的圆环百分比进度条和使用HTML5 Canvas arc()绘制圆形/圆环,实现方法是通过循环绘制圆环(圆饼)等来实 ...
- REUSE_ALV_GRID_DISPLAY_LVC 实现单元格值改变前(DATA_CHANGED)和单元格值改变后(DATA_CHANGED_FINISHED)的事件响应
1. 实现向ALV键入值的时候,触发事件 1. 用于当alv数据被修改之前对数据进行逻辑处理 2. 用于当ALV数据被修改之后,存入内表之后的逻辑处理 3. GO_GRID->GET_SELEC ...
- 百度地图api实现轨迹运动效果
百度地图api实现轨迹运动效果 实现逻辑: 实现轨迹运动的效果无非就是将一段路程细化为很多个点,然后不过的根据这些点来画出移动轨迹. 实现流程: 1)使用DrivingRoute,根据起点和终点的位置 ...
- vegas可以做动画吗_Sony Vegas怎么为字幕制作动态运动效果?Sony Vegas为字幕制作动态运动效果的方法步骤...
Sony Vegas怎么为字幕制作动态运动效果?最近有小伙伴向我询问想用Sony Vegas制作动态运动效果的字幕不知道如何操作,那么今天小编就给大家带来Sony Vegas为字幕制作动态运动效果的操 ...
- new Vue之后,发生了什么?数据改变后,又发生了什么?
1. 创建vue实例和创建组件的流程基本一致 首先做一些初始化的操作,主要是设置一些私有属性到实例中 运行生命周期钩子函数beforeCreate 进入注入流程:处理属性.computed.metho ...
- 文字的动态运动效果在Vegas中该如何实现?
在制作一些视频的时候,通常会使用到字幕插件,静态文字难免会有些平淡.那么我们该怎么给静态文字加上一些动态的效果呢? 步骤一: 首先需要安装好的Vegas软件一个,如果找不到Vegas下载位置的小伙伴可 ...
- 使用three.js实现机器人手臂的运动效果
Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机.光影.材质等各种对象.你可以在它的主页上看到许多精彩的演示.不过,这款引擎目前还处在比较不成熟的开发阶段 ...
- ScrollReveal.js – 帮助你实现超炫的元素运动效果
ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力.只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置 ...
最新文章
- 南京医科大学陈连民组招收博硕士研究生(肠道微生物与心血管代谢健康方向)...
- 《我也能做CTO之.程序员职业规划》新书出版推举
- Protobuf序列化的原理-protobuf的基本应用
- Spring MVC Rest 学习 一
- itop 安装时碰到的Missing PHP extension mysqli soap ldap
- 【BZOJ4069】[Apio2015]巴厘岛的雕塑 按位贪心+DP
- php mvc 实现,php mvc的简单实现
- Sep 12.1.4112.4156部署客户端
- Caused by: java.lang.NumberFormatException: For input string: 18446744073709551615
- Alfresco安装与配置图解
- pyhong爬虫——大众点评——用户信息
- [机器学习] 实验笔记 - 表情识别(emotion recognition)
- MT7628K eCos开发入门
- c语言cfile用法,CFile和CArchive的使用
- 「绩效面谈」精选文章合集
- lua(3)-string字符串math数学库
- 【毕业设计_课程设计】基于深度学习的甲状腺超声图像良恶性诊断算法研究
- 【知识整理】Vue里用v-html解析一段富文本,但是里面有些特殊字符却显示不出来
- 如何订立合规的电子劳动合同 ——关于人社部发布《电子劳动合同订立指引》的深度解读(一)
- 2的23次方减1的python_2的n次方(python计算2的n次方的算法)
热门文章
- bash/shell 解析命令行参数工具:getopts/getopt
- AngularJS入门心得1——directive和controller如何通信
- vim学习、各类插件配置与安装【转】
- Redis是单线程的以及Redis为什么这么快
- BZOJ3828 : [Poi2014]Criminals
- CentOS添加永久静态路由
- EJB3.0 Timer
- keycode值列表
- java websocket注解_【websocket】spring boot 集成 websocket 的四种方式
- 修改路由器mac地址_你知道吗:路由器转发报文时,会剥掉MAC地址,重新封装