`

FLEX动态创建图表的序列

    博客分类:
  • FLEX
阅读更多

模型:动态在ColumnChart 中创建lineSeries序列:

 柱图代码:

<mx:ColumnChart id="effectIn"
									width="100%"
									height="100%"
									fontSize="12"
									
									showDataTips="true">
						<mx:horizontalAxis>
							<mx:CategoryAxis id="ca2" categoryField="statis_data"/>
						</mx:horizontalAxis>
						<mx:verticalAxis>
							<mx:LinearAxis id="vAxis"/>
						</mx:verticalAxis>
						
                        <mx:horizontalAxisRenderers>
				            <mx:AxisRenderer axis="{ca2}" canDropLabels="true"/>
				        </mx:horizontalAxisRenderers>							
						
					</mx:ColumnChart>
					<mx:Legend horizontalAlign="center"
							   dataProvider="{effectIn}"
							   direction="horizontal"/>

 动态创建线序列方法:

 private function createSeries(flag:String):void
            {
                var array:Array = new Array();
                //颜色序列
                var colorArray:Array = [0xE48701, 0xA5BC4E, 0x1B95D9, 0xCACA9E, 0x6693B0, 0xF05E27,
                    0x86D1E4, 0xE4F9A0, 0xFFD512, 0x75B000, 0x0662B0, 0xEDE8C6, 0xCC3300, 0xD1DFE7,
                    0x52D4CA, 0xC5E05D, 0xE7C174, 0xFFF797, 0xC5F68F, 0xBDF1E6, 0x9E987D, 0xEB988D,
                    0x91C9E5, 0x93DC4A, 0xFFB900, 0x9EBBCD, 0x009797, 0x0DB2C2];
                var arraySelected:Array = null;//multiCombo.seletedItems as Array;
                        
              
                for(var ic:int = 0; ic < arraySelected.length; ic++)
                {
                	//Alert.show(ic+":"+arraySelected[ic]);
                    var lineSeries:LineSeries = new LineSeries();
                    if(arraySelected[ic] == '携转申请')
                    {
                       lineSeries.yField = "applynum"; //lineSeries.yField = "@outWaitEffectValue";
                       lineSeries.xField = "statis_data";
                       
                    }
                   	 if(arraySelected[ic] == '携转被拒绝')
                    {
                        lineSeries.yField = "refusenum";//lineSeries.yField = "@outApplyRefuse";
                        lineSeries.xField = "statis_data";
                    }
                    if(arraySelected[ic] == '携转取消')
                    {
                        lineSeries.yField = "canelnum";//lineSeries.yField = "@outApplyCancel";
                        lineSeries.xField = "statis_data";
                    }
                   
                    if(arraySelected[ic] == '携转生效')
                    {
                        lineSeries.yField = "effectnum";//lineSeries.yField = "@outApplyEffect";
                        lineSeries.xField = "statis_data";
                    }
                    lineSeries.setStyle("form", "segment");
                    lineSeries.displayName = arraySelected[ic];

                    var factory:ClassFactory = new ClassFactory(LineSeriesItemRenderer);
                    factory.properties = {color:colorArray[ic]};
                    lineSeries.setStyle("itemRenderer", factory);
                    array.push(lineSeries);
                }
               
               		effectIn.series = array;
  }

 

分享到:
评论

相关推荐

    flex 柱状图表

    4. 动态更新:实时数据显示是Flex图表的一个强大特性,可以在运行时动态添加、删除或修改数据,图表会即时响应。 5. 视觉效果:Flex提供多种视觉效果,如动画、阴影、3D效果等,可以提升图表的视觉吸引力。 五、...

    flex折线图

    这使得实时更新图表数据成为可能,例如,当Java后台数据库中的数据发生变化时,Flex前端的图表能动态更新。 5. **Flex图表的高级特性** Flex图表支持多种高级特性,如数据标签、工具提示、图例、轴格式化、数据点...

    java+flex原码

    3. 数据的序列化和反序列化,如使用JSON或AMF格式在Java和Flex之间传输。 4. Flex界面根据接收到的数据更新视图,显示结果或响应用户操作。 总的来说,"java+flex原码"的资源为学习和理解Java与Flex的集成提供了...

    flex Demo

    1. **Flex框架**:Flex是一个开源的开发框架,它提供了丰富的用户界面组件库,包括按钮、表格、图表等,用于创建交互式的、图形化的Web应用。Flex SDK包含了编译器、MXML(声明式标记语言)和ActionScript(面向对象...

    flex word 与 excel

    如果文章涉及到Flex与Excel的结合,那么可能是在讲解如何使用Flex创建动态数据仪表板,将Excel数据实时显示在Web应用中。 2. **ActionScript与Word/Excel文件操作**: ActionScript是Flex的主要编程语言,通过AS3...

    Flex 饼形图 piechart 柱形图 columnchart 条形图 barchart 折线图 linechart

    同时,Flex提供了丰富的API和事件处理机制,使得开发者能够实现动态更新、交互操作等功能,提高用户体验。因此,熟练掌握Flex中的图表绘制技术,对于任何需要数据可视化的项目都是非常有价值的。

    flex 根据时间来画出动态曲线

    `DateTimeAxis`是Flex图表组件中用于处理时间轴数据的一种轴类型,它特别适合于显示基于时间序列的数据。在这个案例中,我们通过设定时间间隔、最小值、最大值和自定义标签函数等属性,来控制时间轴的显示效果。 ##...

    flex 经典教程下载

    在本教程中,我们将深入探讨Flex的基础知识,包括设计视图和源视图的使用,以及如何创建动态效果、处理事件和进行数据交互。 **设计视图与源视图** Flex 提供了两种工作方式:Design 视图和 Source 视图。Design ...

    flex 滚动曲线图 1-10

    综上所述,“Flex滚动曲线图1-10”是一个利用Flex框架创建的、包含多条数据序列的动态曲线图表案例,具备滚动查看功能,可用于直观地展示和分析数据趋势。通过深入理解Flex组件特性和数据绑定机制,开发者可以定制出...

    Flex画饼状、柱状图资料参考

    3. **动态生成图表**:利用Flex的图表组件,可以在Asp.Net中动态生成各种图表,包括饼状图和柱状图。 #### Flex其他实例 Flex不仅限于绘制图表,还支持多种复杂的应用场景,如动画、多媒体处理等。学习Flex的各种...

    Flex 报表后期改正

    这里的“后期改正”可能涉及到修正参数传递、数据序列化和反序列化、以及错误处理等问题,以确保前端Flex报表能够准确地获取和显示后端提供的数据。 标签“flex jsp”表明这个项目是基于Flex和JSP的混合开发,Flex...

    flex中hessian实例

    这需要掌握Flex的图形渲染机制,以及如何动态加载和更新图表数据。 总的来说,Flex中的Hessian实例涉及到了客户端与服务器之间的高效通信、ActionScript与Java的互操作、数据传输优化,以及图表组件的使用等多个...

    Flex入门实例教程

    Flex与Java的交互主要通过AMF(Action Message Format)协议完成,它提供了高效的数据序列化和反序列化机制。Flex的 BlazeDS 或 LCDS 服务可以作为与Java应用服务器之间的桥梁。在本教程中,你将学习如何配置BlazeDS...

    flex amfphp1.9

    它允许开发者创建具有交互性和动态性的Web应用,同时提供了丰富的组件库,如按钮、表单、图表等,使得开发者能够轻松构建用户界面。 AMFPHP 1.9是AMFPHP的一个版本,它作为一个中间件,为Flex应用提供了与PHP服务器...

    flex graph

    Flex Graph是一种基于Adobe Flex技术的图形绘制库,用于在Web应用程序中创建交互式的图表和图形。Flex是ActionScript 3.0的一个框架,主要用于构建富互联网应用(RIA)。本篇文章将深入探讨Flex Graph的基本概念、...

    flex 线图到饼图的联动

    在Flex中,我们可以使用`mx.charts.LineChart`类来创建线图。要实现联动,我们需要将线图的数据源绑定到一个可更新的数据结构,如ArrayCollection,以便当数据发生变化时,线图能够自动更新。 2. **饼图(Pie Chart...

    Flex中很多的帮助文档已经资料和一些常见问题的解决方案

    你可以通过压缩包中的示例项目了解Flex如何应用于实际场景,如创建数据驱动的应用、实现动态图表、构建复杂的用户界面等。 总的来说,这个压缩包提供的资料对于想要学习或提升Flex技能的人来说是一份宝贵的财富。...

    flex LineChart实例

    Flex是一种用于构建跨平台桌面和移动应用程序的软件开发框架,它具有丰富的用户界面组件库,能够轻松创建图表和其他数据可视化元素。 #### 描述解读 描述提到这是“个人项目开发中的一个页面”,这意味着这个实例是...

    flex 教程 flex 自学完成手册

    它主要由Adobe Systems开发,旨在帮助开发者创建具有交互性和动态视觉效果的Web应用程序。Flex的核心是Flex SDK,它包含了一系列工具和组件库,使得开发者可以使用ActionScript 3.0进行编程,这是一种基于ECMAScript...

    Flex曲线图形实例

    在本实例中,“Flex曲线图形实例”展示了如何利用Flex技术创建动态的、交互式的曲线和统计图形,这对于实时监控指标数据非常有用。下面将详细讨论Flex开发中的关键知识点以及与该实例相关的组件和文件。 1. **Flex ...

Global site tag (gtag.js) - Google Analytics