`
ibvjc36f
  • 浏览: 13291 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

flex--LineChart

 
阅读更多

  最近工作上用到了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; } 
分享到:
评论

相关推荐

    flex 改变linechart datatips 显示样式代码

    在Flex开发中,LineChart是一种常用的图表组件,用于展示数据趋势。Datatips是LineChart中的一个重要特性,它会在鼠标悬停在数据点上时显示相关信息。本篇将详细介绍如何改变Flex LineChart的Datatips显示样式,包括...

    flex------组件-----数据可视化

    它支持多种图表类型,如LineChart(折线图)用于显示连续数据的变化趋势,BarChart(柱状图)用于比较不同类别的数量,PieChart(饼图)用于展示部分与整体的关系,以及AreaChart(面积图)和Histogram(直方图)等...

    Flex LineChart

    Flex Chart Sytles 简单示例 基本样式使用,网上搜到的收藏下。

    flex LineChart

    以下是我最近做flex组件编程时的总结,是主要针对lineChart的用法,其中某些属性对同是有横纵坐标的columnChart、barChart等都有效,比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。

    flex LineChart实例

    根据提供的文件信息,我们可以从标题、描述以及部分代码中提炼出与Flex LineChart相关的知识点。 ### Flex LineChart实例 #### 标题理解 标题“Flex LineChart实例”明确指出这是一个关于Flex框架下的线形图(Line...

    Flex chart line 线性表(单线和双线)

    在Flex中,我们可以使用`mx.charts.LineChart`类来创建这样的图表。下面将详细介绍如何使用Flex 4.5创建单线和双线线性图表。 首先,我们需要导入必要的库和组件。在Flex项目中,添加以下代码到你的MXML文件的`...

    Flex BlazeDs 推数据生成lineChart实例

    Flex BlazeDs推数据生成lineChart实例是一个典型的前端与后端实时通信的应用场景,它结合了Adobe Flex技术用于前端用户界面的构建,BlazeDS作为数据推送服务,以及使用lineChart组件来展示动态更新的数据。...

    flex Chart

    2. **Chart类型**:除了柱状图,Flex Chart还包括线性图(LineChart)、饼图(PieChart)、面积图(AreaChart)等多种图表类型,每种都有其特定的用途和展示效果。 3. **图表系列(Series)**:每个图表由一个或多个...

    flex_linechart

    flex项目开发过程中的动态linechart,主要是曲线可以增量的刷新,纵坐标、刷新频率可以调整,也可以稍微改下根据配置进行曲线设置,这个是少了获取数据的方法用随机数代替,项目中用到动态linechart的可以参考。

    Flex 饼形图 piechart 柱形图 columnchart 条形图 barchart 折线图 linechart

    在Flex中,饼形图(piechart)、柱形图(columnchart)、条形图(barchart)和折线图(linechart)是数据可视化的重要工具,它们广泛应用于数据分析、报表展示以及业务指标的可视化。 **饼形图(Pie Chart)** 饼形...

    【实例】flex4 动态获取对象属性,动态生成数据源,动态生成lineChart,清除数据。

    flex4 动态获取对象属性,动态生成数据源,动态生成lineChart,清除数据。 1.该图表的数据源为ArrayCollection类型的arrayC 2.每增加一条线,其实就是增加一个数据源中的ArrayCollection每个对象的一个属性,且属性...

    flex添加动态曲线(lineChart)

    动态添加曲线条数 通过传递lablefild,和dataProvider的数组实现动态添加曲线

    flex chart explorer

    1. "LineChart结合xml实例-flex图表chart组件教程":这是一个关于如何使用Flex创建线图并与XML数据结合的实例教程。线图是一种常用来展示趋势和变化的图表类型,通过XML数据可以动态地更新图表内容。 2. "ria之家-...

    flex 移动折线图

    LineChart是Flex中用于绘制折线图的标准组件,它继承自Chart类,可以展示各种数值型数据。LineChart提供了丰富的样式和配置选项,包括颜色、线宽、标记点等,使开发者能够定制出满足需求的可视化效果。 二、Line...

    flexchartdemo

    这个工程是用flex画图表(piechart饼状图/lineChart折线图/ColumnChart直方图),并将生产的swf文件成功嵌入到网页中,在你自己的网页中你想放的任意地方嵌入swf(flash动画)文件。 亮点: 1、三个图鼠标放在相应...

    flex 线图到饼图的联动

    在Flex中,我们可以使用`mx.charts.LineChart`类来创建线图。要实现联动,我们需要将线图的数据源绑定到一个可更新的数据结构,如ArrayCollection,以便当数据发生变化时,线图能够自动更新。 2. **饼图(Pie Chart...

    flex+java制作图表以及登陆案例

    本人这段时间在学习flex 自己写的一些成功案例 包括lineChart BarChart bubbleChart pieChart等图表.这些图表都能显示从java后台传入的数据 保证可以运行 好资源所以分数有点高,望大家鼎力支持.

    Flex 拖动,滚动曲线图

    总的来说,"Flex 拖动,滚动曲线图 LineChart"涉及的知识点包括:Flex编程、ActionScript 3.0、mx.charts库中的LineChart组件、mx.controls.Scroller组件的使用,以及鼠标事件处理和图形渲染的原理。掌握这些知识点...

    flex动态生成datagrid表头

    关于“linechart的简单操作”,LineChart是Flex中用于展示趋势数据的图表组件。以下是如何创建和使用的基本步骤: 1. **创建LineChart对象**:同样,在MXML或ActionScript中创建LineChart实例。 ```xml <mx:Line...

Global site tag (gtag.js) - Google Analytics