Flex 动态创建多个曲线图/柱形图 ColumnSeries
获取数据后的回调函数
private function resultHandlerDay(event:ResultEvent):void {
statisticCount = event.result.statistic.weekstatistic.length;
var source:ArrayCollection = event.result.statistic.buildingtatistic;
var seriesArr:Array = new Array();
for(var i:Number = 0;i<source.length;i++){
var columnSeries:ColumnSeries = new ColumnSeries();
columnSeries.xField = "statday";
columnSeries.yField = "pitchpower"+(i+1);
columnSeries.displayName = source[i].buildingname;
seriesArr.push(columnSeries);
}
if(statisticCount==null){
myData=null;
}else{
columnCharts.series = seriesArr;
columnCharts.dataProvider = event.result.statistic.weekstatistic;
}
}
<mx:HTTPService id="myService" url="loaddata.action" method="GET" result="resultHandlerDay(event)">
</mx:HTTPService>
<mx:Panel
title="能耗统计"
width="643" height="462" fontSize="12" paddingTop="10" paddingBottom="0" paddingLeft="0" paddingRight="0" layout="absolute"
borderAlpha="1"
id="panelid"
borderThicknessBottom="0"
borderThicknessLeft="0"
borderThicknessRight="0"
borderThicknessTop="0"
horizontalGap="0"
verticalGap="0"
verticalAlign="top"
titleStyleName="fileItemover" x="0" y="0">
<mx:ViewStack id="myViewstack" width="643" height="422" borderStyle="solid" paddingTop="0" backgroundColor="white" x="0" y="10">
<mx:VBox id="child1" height="411" width="632" verticalAlign="middle">
<mx:ColumnChart id="columnCharts" dataProvider="{myData}" showDataTips="true" columnWidthRatio="0.6" width="623" height="338">
<mx:backgroundElements>
<mx:GridLines>
<mx:horizontalStroke>
<mx:Stroke color="haloSilver" weight="0" />
</mx:horizontalStroke>
</mx:GridLines>
</mx:backgroundElements>
<mx:verticalAxis>
<mx:LinearAxis id="la" baseAtZero="true" title="能耗(单位:万千瓦时)"/>
</mx:verticalAxis>
<mx:verticalAxisRenderers>
<mx:AxisRenderer axis="{la}" canDropLabels="false" fontSize="12"/>
</mx:verticalAxisRenderers>
<mx:horizontalAxis>
<mx:CategoryAxis id="ca" categoryField="statday" title="时间(单位:周)"/>
</mx:horizontalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{ca}" canDropLabels="false" fontSize="12"/>
</mx:horizontalAxisRenderers>
<mx:series>
<mx:ColumnSeries xField="statday" yField="pitchpower1" displayName="建筑" fontSize="12" labelPosition="outside" id="changeOption1" showDataEffect="{interpolateIn}">
<mx:fill>
<mx:RadialGradient>
<mx:entries>
<mx:Array>
<mx:GradientEntry color="haloBlue"
ratio="0.0"
alpha="1.0" />
</mx:Array>
</mx:entries>
</mx:RadialGradient>
</mx:fill>
</mx:ColumnSeries>
</mx:series>
</mx:ColumnChart>
<mx:Legend horizontalGap="28" paddingLeft="150" id="legend" dataProvider="{columnCharts}" direction="horizontal" legendItemClass="BigFontLegendItem" width="621" height="32"/>
</mx:VBox>
</mx:ViewStack>
</mx:Panel>
xml 数据源:
<statistic>
<weekstatistic>
<statday>11</statday>
<pitchpower1>11.11</pitchpower1>
<pitchpower2>11.11</pitchpower2>
</weekstatistic>
<weekstatistic>
<statday>22</statday>
<pitchpower1>22.22</pitchpower1>
<pitchpower2>11.11</pitchpower2>
</weekstatistic>
<buildingtatistic>
<buildingname>建筑一号</buildingname>
</buildingtatistic>
<buildingtatistic>
<buildingname>建筑2号</buildingname>
</buildingtatistic>
</statistic>
tags:Flex 动态创建多个曲线图/柱形图 ColumnSeries
分享到:
相关推荐
Flex动态创建多个曲线图和柱形图源码 本源码是一个flex统计图表项目中的部分代码 数据源是自己手写的。你可以改成动态的
双Y轴的曲线图(柱形图)是我们在写学术论文中常常要用到的方法,下面是我总结的在origin中画过双Y轴的曲线图(柱形图)的方法(自己摸索的)。
c#数据曲线图柱形图(带缩放平移导出图片)
JSP+JFreeChart 实现曲线图、柱形图
Android高级应用源码-里面有曲线图 折线图 双曲线图 柱形图 饼图,在achartengine 的基础上 更改了一些颜色.zip
针对安卓中的数据处理,进行简单的 数据显示,新手很好用的,后期可以做成比如测试软件,比如是屏幕帧数曲线图、cpu频率曲线图等等
有曲线图 折线图 双曲线图 柱形图 饼图,在achartengine 的基础上 更改了一些颜色
DEVexpress chartControl 柱形图、饼形图、曲线图简单例子
HTML5 JQUERY CSS3柱形图曲线图插件代码,作者:DevilJie ,使用时请参照以下参数来设置曲线图: document: 输出图形的位置id s:柱状图数据 例如:[[1,2,3,4]]单柱状图 [[1,2,3,4],[2,3,4,5]] 双柱状图 ...
其它特性还包括支持手势缩放、图表滑动、点击交互、多图叠加、图表批注、动画效果、多XY轴显示、轴线任意方位显示、动态图例、图表参考线、柱图刻度居中风格切换、混合图表及同数据源图表类型切换等。
vc 柱形图vc 柱形图vc 柱形图vc 柱形图vc 柱形图vc 柱形图vc 柱形图vc 柱形图vc 柱形图vc 柱形图
2017-2018学年高中生物浙科版1教学案:小专题大智慧细胞分裂的图像、曲线图、柱形图判断与分析含答案.docx
折线图、曲线图、饼状图、柱形图Qchart实现,动态刷新,支持图表缩放、移动
里面有曲线图 折线图 双曲线图 柱形图 饼图,在achartengine 的基础上 更改了一些颜色 .zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
自定义动态柱形图,自定义动态柱形图,自定义动态柱形图自定义动态柱形图
xml灵活配置 flash统计图- flash柱形图- flash圆饼图- flash折线图 多款flash统计图动画
C#.NET 画图(走势图,柱形图
源码参考,欢迎下载
NULL 博文链接:https://wuxiubing.iteye.com/blog/906805
C++ 曲线图 双缓冲绘图 区域图 柱形图 内存图片的保存 共同学习,资源共享