`
svygh123
  • 浏览: 123114 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

饼状图

    博客分类:
  • 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:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			[Bindable]
			private var arr:Array = [
				{id:1,category:'医疗机构',money:1000},
				{id:2,category:'传染病防治',money:1200},
				{id:3,category:'放射卫生',money:800},
				{id:3,category:'公共场所',money:3000},
				{id:3,category:'生活饮用水',money:1800},
				{id:3,category:'学校卫生',money:1200},
				{id:3,category:'职业病防治',money:1100}
			];
			[Bindable]
			private var arr2013:Array = [
				{id:1,category:'医疗机构',money:700},
				{id:2,category:'传染病防治',money:800},
				{id:3,category:'放射卫生',money:600},
				{id:3,category:'公共场所',money:2000},
				{id:3,category:'生活饮用水',money:1200},
				{id:3,category:'学校卫生',money:1000},
				{id:3,category:'职业病防治',money:700}
			];
			[Bindable]
			private var arr2014:Array = [
				{id:1,category:'医疗机构',money:300},
				{id:2,category:'传染病防治',money:400},
				{id:3,category:'放射卫生',money:200},
				{id:3,category:'公共场所',money:1000},
				{id:3,category:'生活饮用水',money:600},
				{id:3,category:'学校卫生',money:200},
				{id:3,category:'职业病防治',money:400}
			];
			
		]]>
	</fx:Script>  
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<mx:RadioButtonGroup id="stateInp" />
	</fx:Declarations>
	<mx:PieChart x="110" y="40" id="pieChart" dataProvider="{arr}" showAllDataTips="true" selectionMode="single">
		<mx:series>
			<mx:PieSeries displayName="Series 1" field="money" 
						  labelPosition="callout" labelField="category" nameField="category">
			</mx:PieSeries>
		</mx:series>
	</mx:PieChart>
	<mx:Legend dataProvider="{pieChart}" direction="horizontal" labelPlacement="right" />
	<s:HGroup paddingTop="30" paddingLeft="5">
		<mx:RadioButton groupName="stateInp" id="all" value="1" selected="true" click="pieChart.dataProvider = this.arr" label="全部" width="64" height="100%" />  
		<mx:RadioButton groupName="stateInp" id="on" value="0" click="pieChart.dataProvider = this.arr2013" label="2013年" width="100%" height="100%"/> 
		<mx:RadioButton groupName="stateInp" id="off" value="2" click="pieChart.dataProvider = this.arr2014" label="2014年" width="100%" height="100%"/> 
	</s:HGroup>
</s:Application>

 

  • 大小: 40.2 KB
分享到:
评论

相关推荐

    柱状图转换成饼状图

    在数据分析和可视化领域,柱状图和饼状图是两种常用的数据表示方法。它们各有特点,适用于不同的场景。本文将详细探讨如何将柱状图转换为饼状图,并阐述这两种图表各自的优势和适用情况。 首先,柱状图是一种用于...

    Unity3d 饼状图

    在Unity3D游戏开发中,饼状图是一种常见的数据可视化工具,用于表示各项占比关系。本文将深入探讨如何使用Unity3D的Mesh重绘技术来创建动态显示的饼状图。 首先,我们要理解饼状图的基本原理。饼状图通过分割一个...

    java饼状图生成实例

    在Java编程中,生成饼状图是一种常见的数据可视化方法,尤其适用于展示各项比例关系。饼状图由多个扇形组成,每个扇形代表数据集中的一项,其大小与该项在总数据中的比例相对应。本实例将详细介绍如何在Java中创建...

    立体饼状图资源源码.rar

    立体饼状图是一种数据可视化工具,它以三维立体的形式展示数据的比例关系,使得数据更加直观易懂。在IT行业中,特别是在数据分析、报表制作以及UI设计等领域,立体饼状图经常被用于表现各部分占整体的比例,同时其...

    Qml饼状图QmlChartView.7z

    在这个场景中,"Qml饼状图QmlChartView.7z" 提供的资源很可能是一个关于如何在QML中创建和展示饼状图的示例或库。 饼状图是一种常见的数据可视化工具,用于显示数据比例关系。在QML中,我们可以使用QmlChartView...

    Delphi 实现饼状图和动画

    本示例专注于使用Delphi创建饼状图以及实现动画效果,这对于数据分析、报告展示以及各种统计应用至关重要。以下是对这两个主题的详细说明: 1. **Delphi中的饼状图**: - 饼状图是一种数据可视化工具,它通过将...

    支持弹出的饼状图

    在IT行业中,饼状图是一种常见的数据可视化工具,它能够直观地展示各部分与整体之间的比例关系。在本案例中,我们关注的是“支持弹出的饼状图”,这意味着我们有一个特殊的饼状图实现,允许用户点击图表上的扇形区域...

    使用three.js绘制3d图表(柱状图,饼状图,环状图,面积图等).zip

    饼状图,环状图,面积图等).zip使用three.js绘制3d图表(柱状图,饼状图,环状图,面积图等).zip使用three.js绘制3d图表(柱状图,饼状图,环状图,面积图等).zip使用three.js绘制3d图表(柱状图,饼状图,环状图...

    HTML中的3D饼状图

    4. **数据绑定**:将数据与饼状图的各个部分关联起来,通过改变数据,饼状图的形状和大小也会相应变化,这有助于用户理解数据的分布。 5. **交互性**:3D饼状图通常会添加鼠标悬停、点击等交互效果,例如显示详细的...

    piechart.zip_Labview饼状图_labview piechart_labview 画饼图_piechart la

    在LabVIEW编程环境中,饼状图(Pie Chart)是一种常用的数据可视化工具,它能直观地展示数据比例关系,尤其适用于对比各个部分占总体的比例。标题中的"piechart.zip_Labview饼状图_labview piechart_labview 画饼图_...

    java 实现饼状图、柱状图、折线图

    在Java编程语言中,生成数据可视化图形,如饼状图、柱状图和折线图,是数据分析和展示的关键步骤。这些图表可以帮助我们直观地理解数据分布和趋势。本篇文章将详细探讨如何使用Java实现这三种图表。 首先,饼状图...

    QT自定义控件-饼状图(环形饼状图)(含代码和demo)

    本教程将详细讲解如何在QT中实现一个自定义的饼状图(环形饼状图)控件,包括代码解析和实际运行的demo。 首先,我们需要了解QT中的QWidget类,它是所有用户界面组件的基础类,提供了基本的绘制、事件处理等功能。...

    饼状图(可转动)

    饼状图是一种常见的数据可视化工具,它通过将整个圆盘分割成不同的扇形来表示各部分数据占总体的比例。在本案例中,我们讨论的是一个可转动的饼状图,这种图表不仅能够清晰地展示数据比例,还具有动态交互功能,用户...

    C++绘制3D饼状图

    在C++编程中,创建3D饼状图是一项有趣且实用的任务,特别是在数据可视化和图形用户界面(GUI)设计中。3D饼状图能够更直观地展示数据比例和关系,使得用户可以更容易理解复杂的统计数据。本文将深入探讨如何使用C++...

    DevExpress之ChartControl实现饼状图百分比演示实例

    在DevExpress的图表控件ChartControl中,饼状图是一种常用的数据可视化方式,它能直观地展示各个部分在整体中所占的比例。本实例主要讲解如何使用DevExpress ChartControl创建饼状图,并显示百分比,这对于数据分析...

    3D饼状图,3D阶梯图,three.js实现

    本文将深入探讨如何使用JavaScript库three.js来实现3D饼状图和3D阶梯图。 首先,我们要了解`three.js`。这是一个强大的JavaScript库,专门用于在Web浏览器中创建和渲染3D图形。它利用WebGL技术,使得无需安装任何...

    QT自定义控件-饼状图(含源码和demo)

    本资源提供了一个基于QT框架的自定义饼状图控件,该控件实现了类似Echarts的数据可视化效果,能够帮助开发者在QT应用中轻松展示数据分布情况。 饼状图是一种常用的统计图表,它通过将圆形划分为多个扇区来表示数据...

    java jsp+servlet根据数据生成饼状图.rar

    在这个“java jsp+servlet根据数据生成饼状图.rar”项目中,开发者通过JSP和Servlet实现了根据数据动态生成饼状图的功能。饼状图是一种常用的数据可视化方式,用于表示各部分占整体的比例关系。以下将详细介绍这个...

    C#饼状图PieChart

    在.NET框架中,C#提供了一种强大的图表控件,用于可视化数据,其中包括饼状图(PieChart)。饼状图是一种常用来展示部分与整体之间关系的图表,它将数据分成若干个扇区,每个扇区代表数据的一部分。在这个例子中,...

    js饼状图+柱状图+曲线图

    本文将详细讲解使用JavaScript实现饼状图、柱状图和曲线图的相关知识点。 首先,饼状图是一种常用于表示部分与整体之间关系的数据图形,每个扇区代表一个类别,其大小与该类别的比例成正比。JavaScript中实现饼状图...

Global site tag (gtag.js) - Google Analytics