Flex中的FusionCharts 2D面积图

iteye_8264

于 2014-04-16 23:23:00 发布

阅读量85

点赞数

文章标签：大数据

Flex中的FusionCharts 2D面积图

1、源码

<?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%" backgroundColor="#CCCCCC" 
			   xmlns:components="com.fusioncharts.components.*">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<components:FusionCharts FCChartType="Area2D" FCDataURL="area.xml" width="100%" height="100%">
		
	</components:FusionCharts>
</s:Application>

2、设计数据源

<chart caption='People' xAxisName='Weeks' yAxisName='person'>
    <set label='Mon' value='57400' />
    <set label='Tus' value='24800' />
    <set label='Wed' value='98800' />
    <set label='Thu' value='23689' />
    <set label='Fri' value='48000' />
    <set label='Sat' value='34612' />
    <set label='Sun' value='84544' />
</chart>