- 浏览: 45953 次
- 性别:
- 来自: 达纳苏斯
文章分类
最新评论
-
bingwushaonian:
唉,当我们等待白菜成熟的时候,虫子已经把嫩叶要吃光了
小丑,一个期待的哀伤 -
kimmking:
路过。我叫寂寞。
我和寂寞有染
Flex中如何通过horizontalTickAligned和verticalTickAligned样式,指定线图LineChart横竖方向轴心标记
- 博客分类:
- Flex Chart
<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" viewSourceURL="srcview/index.html"> <mx:Script> <![CDATA[ import mx.charts.CategoryAxis; import mx.charts.chartClasses.IAxis; private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String { return currFormatter.format(item); } private function categoryAxis_labelFunc(item:Object, prevValue:Object, axis:CategoryAxis, categoryItem:Object):String { var datNum:Number = Date.parse(item); var tempDate:Date = new Date(datNum); return tempDate.date.toString(); } ]]> </mx:Script> <mx:CurrencyFormatter id="currFormatter" precision="2" /> <mx:XMLListCollection id="dp"> <mx:source> <mx:XMLList> <quote date="8/1/2007" open="40.29" close="39.58" /> <quote date="8/2/2007" open="39.4" close="39.52" /> <quote date="8/3/2007" open="39.47" close="38.75" /> <quote date="8/6/2007" open="38.71" close="39.38" /> <quote date="8/7/2007" open="39.08" close="39.42" /> <quote date="8/8/2007" open="39.61" close="40.23" /> <quote date="8/9/2007" open="39.9" close="40.75" /> <quote date="8/10/2007" open="41.3" close="41.06" /> <quote date="8/13/2007" open="41" close="40.83" /> <quote date="8/14/2007" open="41.01" close="40.41" /> <quote date="8/15/2007" open="40.22" close="40.18" /> <quote date="8/16/2007" open="39.83" close="39.96" /> <quote date="8/17/2007" open="40.18" close="40.32" /> <quote date="8/20/2007" open="40.55" close="40.74" /> <quote date="8/21/2007" open="40.41" close="40.13" /> <quote date="8/22/2007" open="40.4" close="40.77" /> <quote date="8/23/2007" open="40.82" close="40.6" /> <quote date="8/24/2007" open="40.5" close="40.41" /> <quote date="8/27/2007" open="40.38" close="40.81" /> </mx:XMLList> </mx:source> </mx:XMLListCollection> <mx:ApplicationControlBar dock="true"> <mx:Form styleName="plain"> <mx:FormItem label="direction:"> <mx:ComboBox id="comboBox"> <mx:dataProvider> <mx:Array> <mx:Object label="both" /> <mx:Object label="horizontal" /> <mx:Object label="vertical" /> </mx:Array> </mx:dataProvider> </mx:ComboBox> </mx:FormItem> <mx:FormItem label="horizontalTickAligned:"> <mx:CheckBox id="hCheckBox" selected="true" /> </mx:FormItem> <mx:FormItem label="verticalTickAligned:"> <mx:CheckBox id="vCheckBox" selected="true" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:LineChart id="lineChart" showDataTips="true" dataProvider="{dp}" width="100%" height="100%"> <!-- background elements --> <mx:backgroundElements> <mx:GridLines direction="{comboBox.selectedItem.label}" horizontalTickAligned="{hCheckBox.selected}" verticalTickAligned="{vCheckBox.selected}"> <mx:horizontalFill> <mx:SolidColor color="haloBlue" alpha="0.2" /> </mx:horizontalFill> <mx:horizontalAlternateFill> <mx:SolidColor color="haloSilver" alpha="0.2" /> </mx:horizontalAlternateFill> <mx:verticalFill> <mx:SolidColor color="haloBlue" alpha="0.2" /> </mx:verticalFill> <mx:verticalAlternateFill> <mx:SolidColor color="haloSilver" alpha="0.2" /> </mx:verticalAlternateFill> </mx:GridLines> </mx:backgroundElements> <!-- vertical axis --> <mx:verticalAxis> <mx:LinearAxis baseAtZero="false" title="Price" labelFunction="linearAxis_labelFunc" /> </mx:verticalAxis> <!-- horizontal axis --> <mx:horizontalAxis> <mx:CategoryAxis id="ca" categoryField="@date" title="August 2007" labelFunction="categoryAxis_labelFunc" /> </mx:horizontalAxis> <!-- horizontal axis renderer --> <mx:horizontalAxisRenderers> <mx:AxisRenderer axis="{ca}" canDropLabels="true" /> </mx:horizontalAxisRenderers> <!-- series --> <mx:series> <mx:LineSeries yField="@open" displayName="Open" /> <mx:LineSeries yField="@close" displayName="Close" /> </mx:series> <!-- series filters --> <mx:seriesFilters> <mx:Array /> </mx:seriesFilters> </mx:LineChart> </mx:Application>
发表评论
-
Flex中如何创建clustered, stacked, overlaid以及100% Bar charts(图表)
2010-01-09 01:26 1326<?xml version="1.0" ... -
Flex中如何利用canDropLabels样式,移除图表中一些水平轴线上标签
2010-01-09 01:23 1622<?xml version="1.0" ... -
Flex中如何通过showAllDataTips属性,使鼠标移动到图表时显示所有的数据Tips
2010-01-09 01:20 1594<?xml version="1.0" ... -
Flex中如何在PieChart的数据发生变化时弹出显示
2010-01-09 01:17 1672<?xml version="1.0" ... -
如何在PieChart图表中填充自己的颜色
2010-01-09 01:15 1324<?xml version="1.0" ... -
Flex中如何让被PieChart图表的某一部分随着点击旋转
2010-01-09 01:13 1021<?xml version="1.0" ... -
Flex中如何利用baseAtZero属性,控制曲线图(LineChart)最大或最小值归零
2010-01-09 01:11 1828<?xml version="1.0" ... -
Flex中Flex中如何在LineChart图表中,创建一个自定义的LinearAxis函数标签
2010-01-09 01:09 1729<?xml version="1.0" ... -
Flex中如何通过lineStroke样式,改变LineChart图表线条颜色
2010-01-09 01:08 2899<?xml version="1.0" ... -
Flex中如何利用seriesFilters属性,添加/删除LineChart图表曲线阴影
2010-01-09 01:06 2306<?xml version="1.0" ... -
Flex中如何通过horizontalStroke样式,自定义LineChart图表水平网格颜色
2010-01-09 00:59 1813<?xml version="1.0" ... -
Flex中如何通过设置GridLines对象的horizontalAlternateFill样式,交错显示LineSeries图表背景颜色
2010-01-09 00:56 973<?xml version="1.0" ... -
Flex中如何利用GridLines的direction样式,设置LineChart图表水平/竖直方向网格线
2010-01-09 00:55 2106<?xml version="1.0" ... -
Flex中如何通过horizontalChangeCount样式,调整LineChart图表水平网格线间隔
2010-01-09 00:52 1560<?xml version="1.0" ... -
Flex中如何利用verticalFill和verticalAlternateFill样式,设置LineSeries图表列背景颜色
2010-01-09 00:49 1705<?xml version="1.0" ... -
Flex中如何在点击PieChart图表数据块的时候添加有趣的旋转效果
2010-01-09 00:48 1239<?xml version="1.0" ... -
Flex中如何给LineChart设置坐标轴最大最小范围
2010-01-09 00:46 3043<?xml version="1.0" ...
相关推荐
改变datatips显示字体大小的方法,也可以跟据这种方法自己定义别的样式。 包含了linechart样式的改变,颜色也可以改变
以下是我最近做flex组件编程时的总结,是主要针对lineChart的用法,其中某些属性对同是有横纵坐标的columnChart、barChart等都有效,比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。
Flex Chart Sytles 简单示例 基本样式使用,网上搜到的收藏下。
flex LineChart实例个人项目开发中的一个页面
flex项目开发过程中的动态linechart,主要是曲线可以增量的刷新,纵坐标、刷新频率可以调整,也可以稍微改下根据配置进行曲线设置,这个是少了获取数据的方法用随机数代替,项目中用到动态linechart的可以参考。
Flex BlazeDs 推数据生成lineChart实例 前台生成lineChart 实时监控可作参考
flex4 动态获取对象属性,动态生成数据源,动态生成lineChart,清除数据。 1.该图表的数据源为ArrayCollection类型的arrayC 2.每增加一条线,其实就是增加一个数据源中的ArrayCollection每个对象的一个属性,且属性...
flex 线图到饼图的联动,实现了由线图的数据联动饼图的数据。 联动效果
动态添加曲线条数 通过传递lablefild,和dataProvider的数组实现动态添加曲线
使用flex绘制折线图,分为单线和双线,flash工具为4.5,可以直接运行
在前面的例子中我们演示了Flex中如何通过CSS设置ComboBox控件下拉菜单阴影(Flex中通过CSS设置ComboBox控件下拉菜单阴影的例子)...接下来的例子演示了Flex中如何通过dropShadowEnabled样式,给List控件添加阴影效果。
NULL 博文链接:https://wuxiubing.iteye.com/blog/906805
Flex中的CSS样式
flex中文帮助flex中文帮助flex中文帮助flex中文帮助
flex 各种图表的代码,特别是柱状图,里面写了好多不同样式的柱状图,比如圆形的,竖直显示值,重叠的,透明的等。
这个工程是用flex画图表(piechart饼状图/lineChart折线图/ColumnChart直方图),并将生产的swf文件成功嵌入到网页中,在你自己的网页中你想放的任意地方嵌入swf(flash动画)文件。 亮点: 1、三个图鼠标放在相应...
flex中文帮助文档flex中文帮助文档
flex移动布局,极简公共样式包,可极大程度节约前端切图时间,对于响应式切图极为实用,兼容性较好,尤其适用于APP混合开发,附简易demo