flex 堆叠图 type="stacked"

前端开发 作者: 2024-08-25 16:30:01
type="stacked" flex 堆叠图
<?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" minWidth="955" minHeight="600">
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;  
			[Bindable]   
			private var medalsAC:ArrayCollection = new ArrayCollection([   
				{ Country: "USA",Gold: 35,Silver:39,Bronze: 29 },{ Country: "China",Gold: 32,Silver:17,Bronze: 14 },{ Country: "Russia",Gold: 27,Silver:27,Bronze: 38 } 
			]); 
		]]>
	</fx:Script>

	<mx:Panel title="ColumnChart Control" layout="horizontal" width="600" height="400" horizontalAlign="center" horizontalCenter="0" verticalCenter="0">   
		<mx:ColumnChart type="stacked" id="column" height="100%" color="0x323232" showDataTips="true" dataProvider="{medalsAC}" >   
			<mx:horizontalAxis>   
				<mx:CategoryAxis categoryField="Country"/>   
			</mx:horizontalAxis>   
			<mx:series>   
				<mx:ColumnSeries xField="Country" yField="Gold" displayName="金"/>   
				<mx:ColumnSeries xField="Country" yField="Silver" displayName="银"/>   
				<mx:ColumnSeries xField="Country" yField="Bronze" displayName="铜"/>   
			</mx:series>   
		</mx:ColumnChart>   
		<mx:Legend dataProvider="{column}" color="0x323232"/>   
	</mx:Panel>   
</s:Application>
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_68490.html
flex 堆叠 type stacked