zoukankan      html  css  js  c++  java
  • Flex中的FusionCharts 2D折线图

     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、设计结果


  • 相关阅读:
    随机数、无重复、冒泡排序
    今天是星期几
    Button
    2012/8/5为应用指定多个配置文件
    2012/8/4解决JSP显示中文乱码
    2012/8/4 struts2学习笔记
    2012/8/4Action中result的各种转发类型
    2012/8/4为Action属性注入值
    2012/8/3SVN小入门
    2012/8/3 Extjs使用TabPanel时需要注意的问题
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315190.html
Copyright © 2011-2022 走看看