最近工作上用到了linechart,在网上查的资料还是非常少的,特此记录一下,以便后来人,顺便也记录自己的生活.废话不多说,开始吧.
另外,在http://blog.minidx.com/category/flex/legend-flex上也有很生动的例子. //创建图表方法 private function getPMSDPanel(tbTitleDataPMS:ArrayCollection):DPane l { var dPanelByGrid:DPanel=new DPanel(); dPanelByGrid.title=(tbTitleDataPMS.length >5?"PMS工单等级图":"PMS工单状态图"); dPanelByGrid.setStyle("horizontalAlign","center"); dPanelByGrid.showBtn=false; //设置LineChart相关属性 var lineChart:LineChart=new LineChart(); lineChart.dataProvider=(tbTitleDataPMS.length >5?chartPMSLData:chartPMSSData); lineChart.height=180; lineChart.width=360; lineChart.showDataTips=true; lineChart.selectionMode="single"; lineChart.seriesFilters=[]; lineChart.validateNow(); var categoryAxis:CategoryAxis=new CategoryAxis(); categoryAxis.categoryField="EMERGE_TIME"; categoryAxis.displayName="时段"; categoryAxis.labelFunction=hoursOfTime; var lineSeries:Array =new Array(); for each (var item in tbTitleDataPMS) { var lineSerie:LineSeries=new LineSeries(); lineSerie.selectable=true; lineSerie.setStyle("form", "curve"); lineSerie.setStyle("showDataEffect", zoomIn); lineSerie.yField=item.data; lineSerie.displayName=item.label; lineSeries.push(lineSerie); } var axisRen:AxisRenderer=new AxisRenderer(); axisRen.axis=categoryAxis; axisRen.setStyle("canDropLabels", true); axisRen.setStyle("labelRotation", -90); //设置图表的轴线及数据源 lineChart.horizontalAxis=categoryAxis; lineChart.horizontalAxisRenderer=axisRen; lineChart.series=lineSeries;//设置数据源 //增加图示,并设置一些属性 var chartLegend:Legend =new Legend(); chartLegend.width=360; chartLegend.height=48; chartLegend.dataProvider=lineChart; chartLegend.direction="horizontal"; //先放图示再放图表,此处控制顺序 dPanelByGrid.addChild(chartLegend); dPanelByGrid.addChild(lineChart); return dPanelByGrid; }
发表评论
-
《算法之美》の字符串相关问题の壹
2012-07-06 09:52 695题目:编写一个单词逆序输出的算法,例如输入"SE ... -
WinForm下正则表达式的应用
2012-07-06 09:45 9191.引入命名空间:using System.Text.Re ... -
八个最常用的正则表达式
2012-07-06 09:38 695灵活的使用正则表达式,可以使得程序既简洁,又清晰。因为正则 ... -
基于表的Lua原生支持面向对象编程在GUI中的使用示例
2012-07-06 09:30 1126lua真的有很多神奇的用法,下面是一个基于表的形式实现的对 ... -
图片展示
2012-07-05 20:45 5805 ... -
Flex 4架构的组件开发
2012-07-03 13:44 583Flex 4架构的组件开发 作者:Michael Labr ... -
Flex利用自定义事件使用弹出窗口为DataGrid添加新数据
2012-07-02 12:27 618下面是TitleWindow所有代码: Xml代码 ... -
Flex右键菜单扫盲
2012-07-02 12:27 759怎么添加右键?在 Flex 中,只有应用程序中的顶层组件才 ... -
flex的mask处理
2012-07-02 12:26 744在做公司一个flash播放器时候,需要在一个swf中动态加 ... -
flex datechooser 日期小例子
2012-07-02 12:26 564在这个例子中,我们讲解的是DateChooser 控件,这 ... -
在应用中使用Ext Loader
2012-07-01 10:01 509原文:http://www.sencha.com/b ... -
广州工作2个月!差人的公司可以call我
2012-07-01 10:01 537网名:夜梦惊魂/夜枫设计 姓名:胡军 博客:http ... -
WebKit介绍及总结(一)
2012-07-01 10:01 637一. WebKit简介 ... -
基于push技术的web实时网络管理框架研究
2012-07-01 10:01 4231 引言 基于 web 的网络管理是web 功能和网 ... -
MyEclipse for Spring 8.6: Spring MVC Scaffolding
2012-07-01 10:01 762Scaffolding consists of singl ... -
FLEX和Actionscript开发FLASH游戏8-2-1
2012-06-30 16:28 598FLEX和Actionscript开发FLASH游戏8-2-1 ... -
flex安全沙箱
2012-06-30 16:27 1032flex安全沙箱 2011年02月2 ... -
flex 联机游戏开发 - 五子棋游戏:(二)人性化选择
2012-06-30 16:27 569flex 联机游戏开发 - 五子棋游戏:(二)人性化选择 2 ...
相关推荐
改变datatips显示字体大小的方法,也可以跟据这种方法自己定义别的样式。 包含了linechart样式的改变,颜色也可以改变
Flex Chart Sytles 简单示例 基本样式使用,网上搜到的收藏下。
以下是我最近做flex组件编程时的总结,是主要针对lineChart的用法,其中某些属性对同是有横纵坐标的columnChart、barChart等都有效,比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。
flex LineChart实例个人项目开发中的一个页面
flex项目开发过程中的动态linechart,主要是曲线可以增量的刷新,纵坐标、刷新频率可以调整,也可以稍微改下根据配置进行曲线设置,这个是少了获取数据的方法用随机数代替,项目中用到动态linechart的可以参考。
Flex BlazeDs 推数据生成lineChart实例 前台生成lineChart 实时监控可作参考
使用flex绘制折线图,分为单线和双线,flash工具为4.5,可以直接运行
flex4 动态获取对象属性,动态生成数据源,动态生成lineChart,清除数据。 1.该图表的数据源为ArrayCollection类型的arrayC 2.每增加一条线,其实就是增加一个数据源中的ArrayCollection每个对象的一个属性,且属性...
动态添加曲线条数 通过传递lablefild,和dataProvider的数组实现动态添加曲线
NULL 博文链接:https://wuxiubing.iteye.com/blog/906805
这个工程是用flex画图表(piechart饼状图/lineChart折线图/ColumnChart直方图),并将生产的swf文件成功嵌入到网页中,在你自己的网页中你想放的任意地方嵌入swf(flash动画)文件。 亮点: 1、三个图鼠标放在相应...
本人这段时间在学习flex 自己写的一些成功案例 包括lineChart BarChart bubbleChart pieChart等图表.这些图表都能显示从java后台传入的数据 保证可以运行 好资源所以分数有点高,望大家鼎力支持.
flex 关于LineChart的左右移动
flex4很多种之前学习收集的各种文档(Adobe - Flex 快速入门基础 Flex 组件的定位和布局,Flex+Css完全手册,...CSS手册,Flex4权威指南-学习笔记,flex4之语法入门,Flex_LineChart三部曲,flex中RemoteObject与java的通信)
A、 Application/WebService/Button/DataGrid/LineChart MXML组件 B、 id="ws" MXML 组件的id C、 click="ws.getProducts()" MXML组件的事件 D、 dataProvider="{ws.getProducts..}" MXML 的绑定 5、MXMLC ...
flex动态生成datagrid表头,外加linechart的简单操作,值得学习!
高级flex 曲线图 效果实现, Flex 拖动,滚动曲线图 LineChart 非常的使用
关于Flex中各种图形的例子 LineChart Columnchart Areachart Bubblechart Barchart 的例子 数据从后台的Java类获取 也可以从数据库获取
<mx:LineChart id="lineChart" showDataTips="true" width="100%" height="100%" /> </mx:Box> ()"> <!--<mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%">--> ...