Flex中的ColumnChart和DataGrid结合使用

最新推荐文章于 2013-11-19 00:20:00 发布
原创 最新推荐文章于 2013-11-19 00:20:00 发布 · 335 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在Flex中将ColumnChart与DataGrid组件相结合，实现数据展示的多样化。通过示例代码展示了如何设置ComboBox，并调整其样式，以便更好地控制图表与表格的显示效果。
Flex中的ColumnChart和DataGrid结合使用
2010年07月29日
　　首先来看看效果，如下图
　　
　　下面是表格效果
　　
　　好了，再奉献代码如下：
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　ComboBox x="270" id="year" y="27" width="95" dataProvider="{GlobalParameter.YEAR}">
　　
　　
　　
　　
　　toolTip="图形"
　　paddingLeft="4" paddingTop="4" paddingBottom="4" paddingRight="4">
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　toolTip="表格"
　　hideEffect="Fade" showEffect="Fade">
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
iteye_12210
关注
Flex漂亮的柱状图(ColumnChart)
05-05
包括了Flex柱状图动态效果和不同的颜色效果，其中包括demo源代码和柱状图的源代码，非常实用 运行的时候直接双击test.html即可看到漂亮的柱状图(Flex的ColumnChart)的动态效果
Flex ColumnChart 样式设置
12-14
Flex ColumnChart 样式设置，详细设置。
Flex 饼形图 piechart 柱形图 columnchart 条形图 barchart 折线图 linechart
03-22
NULL 博文链接：https://wuxiubing.iteye.com/blog/906805
flex columnChart使用
luxideyao的专栏
11-19 6938
<mx:SolidColorStroke id="chartAxisStroke" scaleMode="normal" weight="2" pixelHinting="true" miterLimit="0"         joints="round" caps="round" color="#000000" alpha="1.0"/>   <mx:SolidColorStroke
Flex ColumnChart 柱状图
foart的专栏
01-05 2357
Flex ColumnChart 柱状图属性图解
FLEX 4中实现对DATAGRID的过滤功能
12-18
通过以上分析，我们可以看到，在FLEX 4中开发带有过滤功能的DATAGRID组件不仅需要对FLEX的基本概念有深刻的理解，还需要熟悉数据绑定、事件处理和过滤器的使用。希望本文能够帮助开发者们更好地掌握这一技术，从而在...
FLEX 获取DataGrid行号和列号示例代码
10-26
本篇文章将详细讲解如何在Flex中获取DataGrid的行号和列号，并提供示例代码。 一、获取行号 获取DataGrid的行号主要涉及到鼠标位置和DataGrid的布局属性。以下是一个简单的示例代码： ```actionscript // 获取...
columnChart和DataGrid交换数据
12-02
针对flex新手熟悉flash builde控件
Flex4 DataGrid中嵌入RadioButton实现思路及代码
10-25
在使用Flex 4技术开发数据展示界面时，常常需要在DataGrid组件中嵌入RadioButton，以便用户可以在多个选项之间做选择。本节内容重点讲解了如何在Flex4的DataGrid中嵌入RadioButton，并提供了相应的实现思路和代码。 ...
Flex中如何动态生成DataGrid以及动态生成表头
10-26
总结来说，动态生成Flex中的DataGrid和表头涉及以下关键步骤： 1. 定义数据源，通常是数组或ArrayCollection。 2. 创建DataGrid实例，并设置其属性。 3. 绑定数据提供者到DataGrid。 4. 遍历数据源的一个样本，根据...
flex datagrid 表格 合计
05-20
最近用到，flex datagrid最下面加上了合计功能，源代码，下载可导入直接运行
flex-设置简单的柱状图ColumnChart(一)
cindyhbbl的专栏
04-16 2099
<mx:ColumnChart id="linechart" dataProvider="{chartArray}" height="100%" width="100%" seriesFilters="[]" showDataTips="true" dataTipFunction="columnChart_dataTipFunc" itemClick="c
Flex 4图表使用实例ColumnChart
CYM_LMY的专栏
02-26 3930
本例子针对flash.com/article/flex' target='_blank'>flex的ColumnChart组件写的例子，通过设置ColumnChar的type为不同的类型，得出不同的列状图表。 ColumnChar的type有100%、clustered、overlaid、stacked四种。四种例子都是用到的代码： xmlns:s="library://ns.adob
flex -设置柱状图ColumnChart的鼠标显示标签、设置tip窗口的样式(二)
cindyhbbl的专栏
04-16 2058
.regisLineSeries1 {//线性图样式 fill:#E8362B; border-thickness:1; labelPosition:none; /* outside|none 如果为LineSeries 则需要使用SolidColorWhiteBorderCircleRenderer渲染器 */ labelColor:#000000; /*当使用LineSer
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值