Flex中的FusionCharts 2D折线图
2024-08-21 20:13:55
Flex中的FusionCharts 2D折线图
1、设计源码
LineChart.mxml:
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" xmlns:components="com.fusioncharts.components.*"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <fx:Script> <![CDATA[ import com.events.FCEvent; import mx.collections.ArrayCollection; import mx.controls.Alert; [Bindable] /*2D柱形图数据源*/ private var lineArray:ArrayCollection = new ArrayCollection([ {label:"星期一",value:"7845"}, {label:"星期二",value:"9845"}, {label:"星期三",value:"1542"}, {label:"星期四",value:"5645"}, {label:"星期五",value:"4875"}, {label:"星期六",value:"3215"}, {label:"星期日",value:"9887"} ]); [Bindable] /*2D柱形图数据源*/ private var paramsArray:ArrayCollection = new ArrayCollection([ {baseFontSize:"12"}, {caption:"2013年某桥某周通过的人数统计"}, {showBorder:"1"}, {borderColor:"#00FF00"}, {bgColor:"#495898"}, {baseFontColor:"#FF0000"}, {showValue:"1"}, {numDivLines:"8"}, {divLineIsDashed:"1"}, {formatNumber:"0"}, {showAlternateHGridColor:"1"} ]); /*点击事件函数*/ protected function clickHandler(event:FCEvent):void { Alert.show(event.param); } ]]> </fx:Script> <components:FusionCharts FCChartType="Line" width="100%" height="100%" FCClickEvent="clickHandler(event)"> <components:FCChartData FCData="{lineArray}" FCParams="{paramsArray}" ChartNoDataText="无数据" > <components:FChTrendLines/> </components:FCChartData> </components:FusionCharts> </s:Application>
2、设计结果
最新文章
- 云巴:基于MQTT协议的实时通信编程模型
- Android 图片的缩放与旋转
- php实现等比例不失真缩放上传图片
- jquery 请求apache solr 跨域解决方案
- AngularJS cookie的使用
- 数据结构——UVA 1600 机器人巡逻
- JS回调函数的使用和作用
- 指针参数的传递(节选 C++/C 高质量编程 林锐)
- CSS动画 animation与transition
- java 文件读和写(整理)
- Mac PyCharm激活码(转载CSDN的猪哥66文章)
- UPUPW配置
- PHP var_dump()函数输出不完整,有省略号?解决办法
- 如何写 go 代码 (How to Write Go Code 翻译)
- PostgreSQL安装和创建用户和创建数据库
- Docker 基础 (二)
- 洛谷 P1054 等价表达式 解题报告
- PDF文件可以转换成txt文档吗
- volatile关键字到底做了什么?
- P4622 [COCI2012-2013#6] JEDAN
热门文章
- @Controller注解
- Python CRM项目七
- Oracle 修改表操作
- Spring-shiro源码陶冶-AuthorizingRealm用户认证以及授权
- D 洛谷 P3602 Koishi Loves Segments [贪心 树状数组+堆]
- Asp.Net Core MailKit 完美附件(中文名、长文件名)
- 2018/2/14 设计模式学习笔记(一) 自己实现ArrayList,LinkedList和Iterator,以及在此过程中对于面向对象,面向接口,还有抽象类的一些思考感悟
- python学习1:程序元素和基本使用方法(跟随mooc学习)
- Flink入门使用
- Vue站点的搭建之旅