根据数据源动态创建柱形图
来源:互联网 发布:java反射机制作用 编辑:程序博客网 时间:2024/05/16 17:29
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)">
<fx:Declarations>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.charts.CategoryAxis;
import mx.charts.ColumnChart;
import mx.charts.chartClasses.Series;
import mx.charts.series.ColumnSeries;
import mx.collections.ArrayCollection;
import mx.containers.Panel;
import mx.controls.Alert;
import mx.events.FlexEvent;
import mx.utils.ObjectUtil;
[Bindable]
private var medalsAC:ArrayCollection = new ArrayCollection( [
{ Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
{ Country: "China", Gold: 32, Silver:17, Bronze: 14 },
{ Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
var myColumnSeries:Array = new Array();
var column:ColumnSeries;
var columnObj:Object= medalsAC.getItemAt(0);//可以使后台传来的数据
var objInfo:Object = ObjectUtil.getClassInfo(columnObj);
var fieldNames:Array = objInfo["properties"] as Array;
var len:int = fieldNames.length;
for(var j:int=0; j<len; j++)
{
if("Country" == fieldNames[j])
{
continue;
}
column = new ColumnSeries();
column.xField = fieldNames[1];
column.yField = fieldNames[j];
column.displayName = fieldNames[j];
myColumnSeries.push(column);
}
chart.series = myColumnSeries;
chart.showDataTips = true;
cont.addChild(chart);
}
]]>
</fx:Script>
<mx:Panel id="cont" title="ColumnChart and BarChart Controls Example"
height="100%" width="100%" layout="horizontal">
<mx:ColumnChart id="chart"
height="100%"
width="45%"
paddingLeft="5"
paddingRight="5"
showDataTips="true"
dataProvider="{medalsAC}"
>
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="Country"/>
</mx:horizontalAxis>
</mx:ColumnChart>
</mx:Panel>
</s:Application>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)">
<fx:Declarations>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.charts.CategoryAxis;
import mx.charts.ColumnChart;
import mx.charts.chartClasses.Series;
import mx.charts.series.ColumnSeries;
import mx.collections.ArrayCollection;
import mx.containers.Panel;
import mx.controls.Alert;
import mx.events.FlexEvent;
import mx.utils.ObjectUtil;
[Bindable]
private var medalsAC:ArrayCollection = new ArrayCollection( [
{ Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
{ Country: "China", Gold: 32, Silver:17, Bronze: 14 },
{ Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
var myColumnSeries:Array = new Array();
var column:ColumnSeries;
var columnObj:Object= medalsAC.getItemAt(0);//可以使后台传来的数据
var objInfo:Object = ObjectUtil.getClassInfo(columnObj);
var fieldNames:Array = objInfo["properties"] as Array;
var len:int = fieldNames.length;
for(var j:int=0; j<len; j++)
{
if("Country" == fieldNames[j])
{
continue;
}
column = new ColumnSeries();
column.xField = fieldNames[1];
column.yField = fieldNames[j];
column.displayName = fieldNames[j];
myColumnSeries.push(column);
}
chart.series = myColumnSeries;
chart.showDataTips = true;
cont.addChild(chart);
}
]]>
</fx:Script>
<mx:Panel id="cont" title="ColumnChart and BarChart Controls Example"
height="100%" width="100%" layout="horizontal">
<mx:ColumnChart id="chart"
height="100%"
width="45%"
paddingLeft="5"
paddingRight="5"
showDataTips="true"
dataProvider="{medalsAC}"
>
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="Country"/>
</mx:horizontalAxis>
</mx:ColumnChart>
</mx:Panel>
</s:Application>
- 根据数据源动态创建柱形图
- ODBC动态创建数据源
- ExtJs根据数据源Json数据来动态创建store与columnModel
- 根据数据源不同动态加载模板
- 代码动态创建ODBC数据源
- 根据VIEW创建数据源涉及参考表
- 根据数据库动态创建CheckBox
- wxWidgets:ODBC数据源的动态创建(VC2005)
- VS2005中为RDLC动态创建数据源
- VC6.0 MFC 动态创建ODBC数据源
- Spring动态创建bean切换数据源
- Spring动态数据源创建以及切换方案
- hibernate动态读取配置及创建数据源
- Spring AOP根据JdbcTemplate方法名动态设置数据源
- Spring AOP根据JdbcTemplate方法名动态设置数据源
- spring动态创建切换数据源动态之原理
- 动态数据源1之综合版--分库(备份主库、建库,并动态创建数据源、动态切换数据源)
- 根据窗口类名称动态创建窗口
- 比尔·克林顿
- 【总结】IE和Firefox的Javascript兼容性总结
- QTheead使用整理1-基础
- Spring ClassPathXmlApplicationContext和FileSystemXmlApplicationContext
- mac os 苹果操作系统快捷键
- 根据数据源动态创建柱形图
- C++函数模板 模板实例化、具体化
- VirtualBox中Ubuntu的全屏,分辨率
- 为何多线程就能提高Java程序的执行效率
- Linux常用字符函数
- SCP命令详解
- IOS开发(6)之UIViewController
- linux下SVN项目的迁移
- linux文件权限详解