- 浏览: 740249 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
lgh1992314:
a offset: 26b offset: 24c offse ...
java jvm字节占用空间分析 -
ls0609:
语音实现在线听书http://blog.csdn.net/ls ...
Android 语音输入API使用 -
wangli61289:
http://viralpatel-net-tutorials ...
Android 语音输入API使用 -
zxjlwt:
学习了素人派http://surenpi.com
velocity宏加载顺序 -
tt5753:
谢啦........
Lucene的IndexWriter初始化时的LockObtainFailedException的解决方法
<?xml version="1.0"?> <!-- Simple example to demonstrate the ColumnChart and BarChart controls. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp()" backgroundColor="#FFFFFF" width="350" height="125" layout="absolute"> <!-- 鼠标指中时候弹出提示框的样式,可根据个人情况而修改 --> <mx:Style> *{ fontFamily:”Verdana”,”宋体”; fontSize: 12; } </mx:Style> <mx:Script> <!--[CDATA[ //导入相关包 import mx.collections.ArrayCollection; import mx.charts.*; import mx.charts.series.ColumnSeries; import mx.charts.series.BarSeries; import mx.charts.chartClasses.Series; import mx.collections.ArrayCollection; import mx.graphics.IFill; import mx.charts.ChartItem; import mx.charts.series.items.ColumnSeriesItem; import mx.charts.series.items.BarSeriesItem; import mx.charts.CategoryAxis; import mx.graphics.SolidColor; //颜色集合 private var arrayColor:Array=["#FF8000", "#00FFFF"]; private static var cnt:int=0; //定义生成柱状图的数组 [Bindable] private var medalsAC:ArrayCollection=new ArrayCollection([{date: "重复信息", close: 28, open: 0}, {date: "全部信息", close: 0, open: 100}]); private var obj2:Array=[{xField: "close", displayName: "left"}, {xField: "open", displayName: "right"}]; /** * 初始化方法 */ internal function initApp():void { //var aryDailyVoucher:Array=[{date: "type1", close: 41.71}, {date: "type12", close: 44},]; // var obj2:Array=[{xField: "close", displayName: "left"}, {xField: "open", displayName: "right"}]; // bar.dataProvider=medalsAC; // bar.verticalAxis=setCategoryAxis("date"); // bar.series=setColumnSeries(obj2, "date"); // bar.setStyle("barWidthRatio", 0.5); } // /** // *设置颜色 // */ public function colorFillFunction(item:ChartItem, index:Number):IFill { cnt++; if (cnt % 2 == 0) return arrayColor[0]; else return arrayColor[1]; } public function myLabelFormat(obj:Object, pcat:Object, ax:LinearAxis):String { if (int(obj) > 100) return ""; return numForm.format(obj) + "%"; } public function myLabelDisplay(hd:HitData):String { //return "相似度:" + hd.item.close + "%"; var curObj:Object=hd.item; var curSeries:BarSeries=BarSeries(hd.chartItem.element); if (curSeries.xField == "close") return "重复度:" + hd.item.close + "%"; else // return null; return "全部信息:" + hd.item.open + "%"; } public function setCustomLabel(element:ChartItem, series:Series):String { var item:BarSeriesItem=BarSeriesItem(element); var ser:BarSeries=BarSeries(series); if (ser.xField == "close") return "重复度:" + item.xNumber + "%"; // return '<font color="#ff0000">' + "相似度:" + item.xNumber + "%" + '</font>'; else return ""; //return ser.xField.toString() + ":" + item.xNumber; } private function myLabelFunction(element:ChartItem, series:Series):String { trace("hello"); var item:BarSeriesItem = BarSeriesItem(element); var ser:BarSeries = BarSeries(series); return (ser.xField.toString() +":"+ item.xNumber); } // This method customizes the values of the axis labels. // This signature (with 4 arguments) is for a CategoryAxis. public function defineLabel( cat:Object, pcat:Object, ax:CategoryAxis, labelItem:Object):String { // Return the customized categoryField value: //return cat + ""; return '<font size="20"><font color="#0B0B0B" weight="4">' + cat + '</font></font>'; //'<font color="#ff0000">' + temp + </font>'; //return null; } /** *设置柱图形categoryField */ public function setCategoryAxis(categoryField:String):CategoryAxis { var ca:CategoryAxis=new CategoryAxis; ca.categoryField=categoryField; return ca; } /** * 设置柱形X轴对应柱状数据 * xy数组必需为xy=[{yField:"Gold"},{yField:"Gold1"}] * displayName要与setCategoryAxis的值对应 */ public function setColumnSeries(xFieldArr:Object, yField:String):Array { arrayColor=new Array(); var cs:BarSeries; var rsArr:Array=new Array; for (var i:int=0; i < xFieldArr.length; i++) { cs=new BarSeries(); var xField:String=xFieldArr[i]["xField"]; var color:String=xFieldArr[i]["color"]; var displayName:String=xFieldArr[i]["displayName"]; cs.name=new String(i); cs.displayName=displayName; cs.xField=xField; cs.yField=yField; cs.fillFunction=colorFillFunction; cs.labelFunction=myLabelFunction; cs.setStyle("labelPosition","outside"); rsArr.push(cs); arrayColor.push(color); } return rsArr; } public function dataSourceChange(data:Object):void { medalsAC[0]["close"] = int(data); bar.dataProvider = medalsAC; } ]]--> </mx:Script> <mx:NumberFormatter id="numForm" useThousandsSeparator="true"/> <!-- 横条的颜色 alpha为透明度,默认为.10 --> <!-- Define custom colors for use as fills. --> <mx:SolidColor id="sc1" color="#ff9f2c"/> <mx:SolidColor id="sc2" color="#73c9ec"/> <!-- Define custom Strokes for the columns. --> <mx:Stroke id="s1" color="#ff9f2c" /> <mx:Stroke id="s2" color="#73c9ec" /> <!-- 调用dataTipFunction重写鼠标指中时弹出的提示信息 --> <mx:BarChart id="bar" width="100%" height="100%" paddingLeft="0" paddingRight="0" paddingBottom="0" paddingTop="0" dataProvider="{medalsAC}" dataTipFunction="myLabelDisplay" showDataTips="true"> <!-- background elements --> <!-- <mx:backgroundElements> <mx:GridLines direction="vertical"> <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> --> <!-- 设置横坐标的最小刻度以及最大刻度,另外调用labelFunction重写刻度格式为百分比 --> <mx:horizontalAxis> <mx:LinearAxis minimum="0" maximum="130" labelFunction="myLabelFormat" id="a1"/> </mx:horizontalAxis> <mx:verticalAxis> <mx:CategoryAxis categoryField="date" id="a2" labelFunction="defineLabel" /> </mx:verticalAxis> <mx:horizontalAxisRenderers> <mx:AxisRenderer axis="{a1}"> <mx:axisStroke> <mx:Stroke color="#6E6E6E" caps="round" /></mx:axisStroke> </mx:AxisRenderer> </mx:horizontalAxisRenderers> <mx:verticalAxisRenderers> <mx:AxisRenderer axis="{a2}"> <mx:axisStroke> <mx:Stroke color="#6E6E6E" caps="round" /> </mx:axisStroke> </mx:AxisRenderer> </mx:verticalAxisRenderers> <mx:series> <mx:BarSeries labelPosition="outside" labelFunction="setCustomLabel" fontSize="10" xField="close" yField="date" fill="{sc1}" /> <mx:BarSeries labelPosition="outside" labelFunction="setCustomLabel" xField="open" yField="date" fill="{sc2}" /> </mx:series> </mx:BarChart> <mx:Style> BarChart { horizontalAxisStyleName:myAxisStyles; verticalAxisStyleName:myAxisStyles; } .myAxisStyles { tickPlacement:none; } </mx:Style> </mx:Application>
发表评论
-
flex解决跨域问题
2010-09-27 22:20 9511、在flash中加入Security.allowDomain ... -
flex 图标设置百分比或者其它符号
2010-06-02 22:48 1453<?xml version="1.0" ... -
flex 图表categoryField设置 labelFunction使用
2010-06-02 22:47 2895CategoryAxis有一个叫做labelFunction的 ... -
Flex中如何利用seriesFilters属性,添加/删除LineChart图表曲线阴影
2010-06-02 22:42 1508<?xml version="1.0" ... -
flex AdvancedDataGrid 控件列元素
2010-04-12 14:28 1510flex表格树列为控件元素示例 <mx:Adv ... -
flex自定义控件属性
2010-04-08 13:26 3488package myComponents { // ... -
flex数据绑定的几个方式
2010-04-01 19:17 10731. <?xml version="1.0& ... -
flex事件优先级设置
2010-03-19 14:32 1965<?xml version="1.0" ... -
flex 图表使用百分比示例
2010-03-14 16:11 1744<?xml version="1.0" ... -
fusionchartfree使用示例
2010-03-01 17:20 16411.下载fusionchartfree包,里面有相关的swf文 ... -
flex使用lineChart和DateTimeAxis实现时序图
2009-10-18 10:36 2487<?xml version="1.0" ... -
flex柱状图和折线图的混合图使用
2009-10-18 11:30 2830<?xml version="1.0" ... -
flex时序图示例
2009-11-30 19:22 1348<?xml version="1.0" ... -
flex画直线示例
2009-12-21 12:57 1417<img src="http://p.blog ... -
flex 实现横向树状图
2009-12-24 15:08 1424<?xml version="1.0" ... -
flex 实时内存使用率图
2009-12-31 14:39 1163<?xml version="1.0" ... -
flex 横向树状图优化
2009-12-31 14:42 1343<?xml version="1.0" ... -
flex竖直折线图
2009-12-31 14:45 1784<?xml version="1.0" ... -
flex图表渐变效果示例
2009-12-31 15:12 1827<?xml version="1.0" ... -
flex图表投影效果图示例
2009-12-31 15:14 1657<?xml version="1.0" ...
相关推荐
Flex画 坐标轴曲线 项目用过的 flex4 开发
Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表...
flex实现坐标转换 界面化的网页设计,实现转换坐标,简单
Flex图表插件
包中带有4个flex 项目工程,其中有图表库文件(flare),图表示例项目demos),是非常完整的flex 动画图表的算法实现与图形实现,是学习的非常好的源码
flex图表中DataTips样式(背景颜色、文字颜色,等...)简单又方便面,不妨来看看吧!
chart.rar--java+flex图表 Flex3高级图表开发指南.pdf--英文的 Flex+白皮书.pdf flex-demo.rar Flex入门培训资料及PPT.rar flex中文帮助.pdf InfoQ Flex与JSON及XML的互操作.mht 结合java做的flex图表例子 - 点点...
flex柱状图表很漂亮的源码
flex 图表源码展示
flex图表展示数据源码
FLEX时间轴代码,时间轴可以拖动,时间粒度为月粒度,功能还不完善,但已经基本可以使用,欢迎下载后修改和补充,此代码仅供学习和研究之用,请勿用于任何商业用途,后果自负.
简单介绍flex4时间轴动画motivate使用方法
使用flex图表开发实例,柱状图,条状图,线图等图表显示
Flex ColumnChart 样式设置,详细设置。
flex的css样式设置,介绍有关flex的各类css样式设置,比如application,panel,hbox等
FLEX图表相关解决方案,只要你下载了 必有所获
圆形图表展示源码
使用flex写的四种图表,用于web前台显示,加入了保存图表图片的功能。
flex组件时间轴,在flex项目中都有使用的案例,用来设置时间和范围具有很好的作用
Flex3高级图表开发指南