模型:动态在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;
}
分享到:
相关推荐
4. 动态更新:实时数据显示是Flex图表的一个强大特性,可以在运行时动态添加、删除或修改数据,图表会即时响应。 5. 视觉效果:Flex提供多种视觉效果,如动画、阴影、3D效果等,可以提升图表的视觉吸引力。 五、...
这使得实时更新图表数据成为可能,例如,当Java后台数据库中的数据发生变化时,Flex前端的图表能动态更新。 5. **Flex图表的高级特性** Flex图表支持多种高级特性,如数据标签、工具提示、图例、轴格式化、数据点...
3. 数据的序列化和反序列化,如使用JSON或AMF格式在Java和Flex之间传输。 4. Flex界面根据接收到的数据更新视图,显示结果或响应用户操作。 总的来说,"java+flex原码"的资源为学习和理解Java与Flex的集成提供了...
1. **Flex框架**:Flex是一个开源的开发框架,它提供了丰富的用户界面组件库,包括按钮、表格、图表等,用于创建交互式的、图形化的Web应用。Flex SDK包含了编译器、MXML(声明式标记语言)和ActionScript(面向对象...
如果文章涉及到Flex与Excel的结合,那么可能是在讲解如何使用Flex创建动态数据仪表板,将Excel数据实时显示在Web应用中。 2. **ActionScript与Word/Excel文件操作**: ActionScript是Flex的主要编程语言,通过AS3...
同时,Flex提供了丰富的API和事件处理机制,使得开发者能够实现动态更新、交互操作等功能,提高用户体验。因此,熟练掌握Flex中的图表绘制技术,对于任何需要数据可视化的项目都是非常有价值的。
`DateTimeAxis`是Flex图表组件中用于处理时间轴数据的一种轴类型,它特别适合于显示基于时间序列的数据。在这个案例中,我们通过设定时间间隔、最小值、最大值和自定义标签函数等属性,来控制时间轴的显示效果。 ##...
在本教程中,我们将深入探讨Flex的基础知识,包括设计视图和源视图的使用,以及如何创建动态效果、处理事件和进行数据交互。 **设计视图与源视图** Flex 提供了两种工作方式:Design 视图和 Source 视图。Design ...
综上所述,“Flex滚动曲线图1-10”是一个利用Flex框架创建的、包含多条数据序列的动态曲线图表案例,具备滚动查看功能,可用于直观地展示和分析数据趋势。通过深入理解Flex组件特性和数据绑定机制,开发者可以定制出...
3. **动态生成图表**:利用Flex的图表组件,可以在Asp.Net中动态生成各种图表,包括饼状图和柱状图。 #### Flex其他实例 Flex不仅限于绘制图表,还支持多种复杂的应用场景,如动画、多媒体处理等。学习Flex的各种...
这里的“后期改正”可能涉及到修正参数传递、数据序列化和反序列化、以及错误处理等问题,以确保前端Flex报表能够准确地获取和显示后端提供的数据。 标签“flex jsp”表明这个项目是基于Flex和JSP的混合开发,Flex...
这需要掌握Flex的图形渲染机制,以及如何动态加载和更新图表数据。 总的来说,Flex中的Hessian实例涉及到了客户端与服务器之间的高效通信、ActionScript与Java的互操作、数据传输优化,以及图表组件的使用等多个...
Flex与Java的交互主要通过AMF(Action Message Format)协议完成,它提供了高效的数据序列化和反序列化机制。Flex的 BlazeDS 或 LCDS 服务可以作为与Java应用服务器之间的桥梁。在本教程中,你将学习如何配置BlazeDS...
它允许开发者创建具有交互性和动态性的Web应用,同时提供了丰富的组件库,如按钮、表单、图表等,使得开发者能够轻松构建用户界面。 AMFPHP 1.9是AMFPHP的一个版本,它作为一个中间件,为Flex应用提供了与PHP服务器...
Flex Graph是一种基于Adobe Flex技术的图形绘制库,用于在Web应用程序中创建交互式的图表和图形。Flex是ActionScript 3.0的一个框架,主要用于构建富互联网应用(RIA)。本篇文章将深入探讨Flex Graph的基本概念、...
在Flex中,我们可以使用`mx.charts.LineChart`类来创建线图。要实现联动,我们需要将线图的数据源绑定到一个可更新的数据结构,如ArrayCollection,以便当数据发生变化时,线图能够自动更新。 2. **饼图(Pie Chart...
你可以通过压缩包中的示例项目了解Flex如何应用于实际场景,如创建数据驱动的应用、实现动态图表、构建复杂的用户界面等。 总的来说,这个压缩包提供的资料对于想要学习或提升Flex技能的人来说是一份宝贵的财富。...
Flex是一种用于构建跨平台桌面和移动应用程序的软件开发框架,它具有丰富的用户界面组件库,能够轻松创建图表和其他数据可视化元素。 #### 描述解读 描述提到这是“个人项目开发中的一个页面”,这意味着这个实例是...
它主要由Adobe Systems开发,旨在帮助开发者创建具有交互性和动态视觉效果的Web应用程序。Flex的核心是Flex SDK,它包含了一系列工具和组件库,使得开发者可以使用ActionScript 3.0进行编程,这是一种基于ECMAScript...
在本实例中,“Flex曲线图形实例”展示了如何利用Flex技术创建动态的、交互式的曲线和统计图形,这对于实时监控指标数据非常有用。下面将详细讨论Flex开发中的关键知识点以及与该实例相关的组件和文件。 1. **Flex ...