- 浏览: 11969 次
最新评论
最近工作上用到了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 604>>> quest='what ... -
js+正文规则 高亮搜索关键字(二)
2012-07-06 09:46 71711 我顶 用户通过搜索引擎搜索关键字进入你的网站或者 ... -
TWaver Flex与.net最新版,三大视图组件齐备
2012-07-03 13:44 824TWaver Flex与.NET最新版,三大视图组件齐 ... -
flash特效原理:标签云
2012-07-02 13:13 662其实标签云是一个比较常见的特效类,在wondefl里 ... -
Flex: flash聊天框 表情+文字 图文混排 (思路)
2012-07-02 13:13 851flash聊天框 表情+文字 图文混排 (思路) s ... -
Flex 4(Hero)对应Flex 3 容器方法
2012-07-02 13:13 575Spark容器 Halo容器 说明 numElem ... -
项目启动异常:Exception: java.lang.RuntimeException: XPathFactory#newInstance()
2012-07-02 13:12 1657项目启动时,报如下异常: **** MessageBrok ... -
Flex中datagrid动态添加列
2012-07-02 13:12 686addChild(dataGrid ... -
flex4:中DataGroup组件获取数据源(ArrayCollection方式)实例
2012-07-01 10:44 645flex/spark" xmlns:mx=&q ... -
Flex 动态创建 多个曲线图/柱形图 ColumnSeries
2012-07-01 10:44 700获取数据后的回调函数 private functio ... -
A Way to implement Abstract Class In Flex
2012-07-01 10:44 657A Way to implement Abstract C ... -
flex cairngorm项目实战
2012-07-01 10:44 507项目功能与界面模仿阿布网站 系统功能: 新闻管 ... -
Flex 拖拽范例
2012-06-30 17:08 502Flex 拖拽范例 2011年03月09日 Flex由于 ... -
Flex和Java 整合
2012-06-30 17:08 553Flex和Java 整合 2010年07月21日 Fle ... -
Flex FTP文件上传
2012-06-30 17:08 764Flex FTP文件上传 2010年10月10日 Fle ... -
Flex中的set啊Flex中的set
2012-06-30 17:07 476Flex中的set啊Flex中的set 2010年10月17 ...
相关推荐
改变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%">--> ...