画饼状图
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" verticalGap="0" initialize="initData()">
<mx:Script>
<![CDATA[
import components.WidgetSeg;
import mx.controls.Alert;
import mx.rpc.events.ResultEvent;
public function initData() : void
{
dataSet.send();
}
public function resultHandler(event:ResultEvent):void
{
var count:int = 0;
var items = dataSet.lastResult.data.item;
if(items != null && items.length > 0)
{
for(var i:int=0; i<items.length; i++) {
count += items[i].Value1;
}
}
segNum.text = (segNum.text + count + "条");
}
]]>
</mx:Script>
<!--mx:Model id="dataSet" source="data/NeData.xml" /-->
<mx:Label id="segNum" text="总光缆数:" fontSize="12" fontWeight="bold" color="#ffffff"/>
<mx:HTTPService id="dataSet" url="{parentApplication.cableResAlarmUrl}" method="GET" result="resultHandler(event)"/>
<!-- SeriesZoom 效果是将图表数据聚合到您指定的焦点位置,或从该位置分解出图表数据 -->
<mx:SeriesZoom id="eff" horizontalFocus="center" relativeTo="chart" verticalFocus="center" elementOffset="30" minimumElementDuration="200" duration="1000"/>
<!-- Stroke 类定义线条的属性 -->
<mx:Stroke id="stroke" color="#ffffff" weight="1" />
<mx:PieChart id="pie" dataProvider="{dataSet.lastResult.data.item}" showDataTips="true" width="200" height="150">
<mx:series>
<mx:PieSeries showDataEffect="{eff}" hideDataEffect="{eff}" nameField="Name" field="Value1" explodeRadius=".05" color="#ffffff" labelPosition="callout" fontSize="12" calloutStroke="{stroke}"/>
</mx:series>
</mx:PieChart>
<!--Legend 控件可向图表中添加图例,此图例可为图表中的每个数据系列显示一个标签,以及一个用于显示系列的图表元素的键-->
<mx:Legend dataProvider="{pie}" direction="horizontal" backgroundColor="#ffffff"/>
<!--/mx:Panel-->
</mx:VBox>
画柱状图
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" verticalGap="0" initialize="initData()">
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
public function resultHandler(event:ResultEvent):void
{
col.dataProvider = dataSet.lastResult.data.item;
}
public function initData() : void
{
dataSet.send();
}
]]>
</mx:Script>
<!--mx:Model id="dataSet" source="/data/mbUsers.xml" /-->
<mx:HTTPService id="dataSet" url="{parentApplication.mbUsersUrl}" method="GET" result="resultHandler(event)"/>
<mx:SeriesZoom id="eff" horizontalFocus="center" relativeTo="chart" verticalFocus="center" elementOffset="50" minimumElementDuration="200" duration="1000"/>
<!--mx:Panel title="月度中断业务可用率" width="350" height="200" textAlign="center" layout="horizontal"-->
<mx:ColumnChart id="col" showDataTips="true" width="100%" height="100%" dataProvider="{dataSet}" fontSize="12" color="#ffffff">
<mx:series>
<!-- 定义 ColumnChart 控件的数据系列 -->
<mx:ColumnSeries showDataEffect="{eff}" hideDataEffect="{eff}" yField="Value" displayName="可用率(%)" itemRenderer="sandy.util.PerColumnFill"/>
</mx:series>
<mx:horizontalAxis>
<!-- CategoryAxis 类允许图表表示由轴上的一组离散值组成的数据。 -->
<mx:CategoryAxis categoryField="Vender" />
</mx:horizontalAxis>
</mx:ColumnChart>
<!--mx:Legend dataProvider="{col}" direction="horizontal" backgroundColor="#ffffff"/-->
<!--/mx:Panel-->
</mx:VBox>
分享到:
相关推荐
flex画图板实例 源码 flex画图板实例 源码 flex画图板实例 源码 flex画图板实例 源码flex画图板实例 源码
FLEX画图自己做的类似于 PC自带的画图工具,一般强大······
flex画图测试程序代码。内含2个文件,flex画图.mxml 和DrawPanel.as。希望大家少走弯路,学习借鉴。
flex 画图的例子,很不错 //画圆角矩形 private function circleRect(cRectX:Number, cRectY:Number, cRectWidth:Number, cRectHeight:Number, cRectDU:Number):void{ cRectBoxID.graphics.clear(); if...
FLEX画图之各种柱状图饼状图画法
flex3 用xml文件生成树,拖拽形成新节点,在节点之间画线。
实现了与ARIS相近的流程定制系统,可以用于BPM中的流程定制,底层的数据库要是有疑问可以QQ:845359787,全天在线
这里面包含了两个类库(Spring和YI个高人写的库)大家可以参考下对于那些没有积分的友友可以发邮件索要 ownwell@126.com 一起学习flex画图的相关的
实现了简单的画图板功能,初学者很有用的哦
flex实现右键功能 点击右键会不断地画出小圆点 供大家分享
我这东西都是自己写的 在网上找的都不合自己的要求 只有自己写 这个完全满足你的需求 但前提是你要做的就是在已加载的图片上面画图 并将其保存 如果不是请不要浪费资源 我这类似于在图片上打标机 然后将标机之后的...
程序员并不习惯使用画图工具,时间轴和可视化面板等来开发富网络应用,Flex 的出现解决了这一问题。有了 Flex,程序员可以使用 Action Script 和 MXML 编程语言快速开发富网络应用。 Flex 对开发者更具吸引力,而 ...
Flex中如何通过鼠标的滑轮控制线条的粗细
flex动态画矩形(鼠标拖动画)提供的源码可以直接拷贝直接运行
来公司第一个考核demo,用actionScrpt封装一个组件,根据提供的属性画出矩形的长、宽、背景颜色等。 //定义属性 private var _zx:Number=20;//图形左上方x轴的值 private var _zy:Number=20;...
Flex相交线交点位置画曲线,类似visio画图 博客位置:http://blog.csdn.net/askmewhat/article/details/24961041
flex动态画椭圆(鼠标拖动画) 提供的源码 可以直接拷贝直接运行
用as3弄的一个简单的画图板,代码不多,送给新手学习,是用纯代码,只是那个写字的笔要自己画,随便画个直线也行.简单.现供上源码.
flex开发的画图框架Degrafa 近来需在flex画些简单的图形,根据朋友推荐使用了Degrafa,但是官方没有提供离线的文档下载,于是自己制作了一下。 文档的所有版权均属http://www.degrafa.com 详细情况请查看degrafa的...
flex开发的画图框架Degrafa 近来需在flex画些简单的图形,根据朋友推荐使用了Degrafa,但是官方没有提供离线的文档下载,于是自己制作了一下。 文档的所有版权均属http://www.degrafa.com 详细情况请查看degrafa的...