0 0

Flex 4 做的pieChart饼图 图例没有颜色只显示文字是什么原因啊10

<fx:Array id="seriesColor">
			<s:SolidColor alpha="0.4" color="#EE40CF"/>
			<s:SolidColor alpha="0.4" color="#E6D540"/>
</fx:Array>
	
<mx:Panel x="0" y="40" width="100%" height="595"   styleName="opaquePanel" borderAlpha="0.2">
		<mx:PieChart id="piechart1" fontSize="13" 
					 width="100%" height="100%" 
					 dataProvider="{xmldata}"
					 showDataTips="true"
					 innerRadius="0.4"
					 >
			<mx:series>
				<mx:PieSeries id="series"
							  field="num"
							  nameField="name"
							  labelPosition="callout"
							  labelFunction="pieSeries_labelFunc"
							  showDataEffect="zoomIn"
							  hideDataEffect="zoomOut"
							  explodeRadius="0.08"
							  fills="{seriesColor}"
							  />
			</mx:series>
		</mx:PieChart>
		<mx:ControlBar width="100%">
			<mx:Legend dataProvider="{piechart1}"
					   direction="horizontal"
					   horizontalGap="30"
					   width="100%"
					   fontSize="13"/>
		</mx:ControlBar>
	</mx:Panel>

 下面是效果,怎么办啊

 


问题补充:经过测试,发现如果饼图绑定的数据源是页面里定义好的XMLListCollection就没问题,绑定java返回的Document数据就不行了,什么原因啊

问题补充:Document的数据结构是
<root>
<element>
  <name>abc</name>
  <num>123</num>
</element>
</root>
2013年4月07日 12:41
  • 大小: 11.7 KB

2个答案 按时间排序 按投票排序

0 0

你问题描述不清晰啊!!你应该把数据部分也传上来,不然别人没法判断的!“绑定java返回的Document数据就不行了”,那说明你的document肯定有问题!!

2013年4月08日 00:14
0 0

你这个饼图不是有颜色么?
你的数据也注定了这个饼图只有一种颜色(99.925%)

2013年4月07日 15:52

相关推荐

    flex统计图 柱状 饼图折线

    在Flex中,我们使用mx.charts.PieChart类来创建饼图。同样,我们需要设置dataProvider,其中每个对象包含一个与PieSeries映射的属性,该属性值将决定扇形的大小。可以通过设置series和dataLabelsField属性来定制标签...

    flex 线图到饼图的联动

    在本文中,我们将深入探讨如何实现Flex中的线图与饼图联动效果,这对于数据可视化以及交互式数据分析至关重要。Flex是一款强大的ActionScript编程框架,用于构建富互联网应用程序(RIA)。线图和饼图是数据可视化中...

    flex饼图源码

    在Flex中,饼图通常由`mx.charts.PieChart`类创建,它提供了丰富的自定义选项,包括颜色、标签、图例、数据效果等。`PieSeries`是饼图的主要组成部分,用于表示数据系列。在`PieSeries`中,`showDataEffect`属性用于...

    flex4.5简单制作的柱图堆叠图饼图线图

    在 Flex 4.5 中,我们可以使用 `mx.charts.PieChart` 类来创建饼图,设置数据项、颜色和标签等属性。饼图特别适合展示各部分与整体之间的关系。 4. **线图**:线图通常用来显示数据随时间变化的趋势。Flex 4.5 中的...

    Flex4中使用组件添加柱状图、饼状图等图表

    根据提供的文件信息,本文将详细介绍如何在Flex4中利用组件添加柱状图、饼状图等图表,并通过示例代码具体展示实现过程。 ### 一、Flex4中的柱状图 #### 1.1 柱状图简介 在Flex4中,柱状图是一种非常常见的数据...

    pieChart 3d示例 flax

    4. 自定义样式:可以调整饼图的颜色、阴影、边框等样式,使其与应用的UI风格保持一致。 5. 图例和标签:3D饼图可能包含图例来标识各个扇区的含义,以及每个扇区上的标签,直接显示数据值或百分比。 6. 视角控制:3D...

    Flex_4系统组件:图表

    4. **PieChart**:饼图,用于展示各部分占总体的比例。 5. **AreaChart**:面积图,线图的填充版本,强调数据的范围和整体趋势。 6. ** ScatterChart**:散点图,用于显示两个变量之间的关系。 7. **BubbleChart**:...

    flex做的四种图表(线、柱、饼、区域)直接用js调用

    在本项目中,"flex做的四种图表(线、柱、饼、区域)直接用js调用"指的是使用Flex技术创建的四种常见的数据可视化图表:线图、柱状图、饼图和区域图,并且这些图表可以通过JavaScript与Web前端进行交互。 线图是一...

    flex 多种图形 Dome

    10. **样式和皮肤**:Flex允许对图表进行深度定制,包括颜色、字体、边框等样式,甚至可以替换整个图表的皮肤,实现独特的视觉风格。 综上所述,这个"chartDomes"压缩包包含了一套完整的Flex图形示例,涵盖了基本的...

    flex各种图表的实现

    在Flex中,我们可以使用`mx.charts.PieChart`组件来绘制饼图。此组件允许你设置数据源、数据字段以及每个扇区的样式。你可以通过改变`labels`属性来显示不同扇区的标签,通过`dataProvider`指定数据源,通过`...

    flex组件之数据可视化组件实例源码

    3. 饼图(PieChart):饼图展示了各部分占总体的比例。你可以学习如何分配数据并设置标签角度,以及添加切片效果。 4. 散点图( ScatterChart):散点图用于表示两个变量之间的关系。在源码中,你可以看到如何配置...

    flex饼状图6666666

    3. 图例:饼状图的图例用于显示各个系列的颜色和名称,帮助用户理解图表内容。 4. 扇区:饼图的每个扇区代表数据集中的一部分,可以通过颜色、标签和百分比来区分。`ChartPie.mxml`可能包含了设置扇区样式、颜色和...

    ILOG Elixir示例

    3. 配置饼图组件:使用ILOG Elixir提供的PieChart类,设置所需的属性,如3D效果、颜色方案、标签位置等。你可以通过MXML或者ActionScript来配置这些属性。 4. 绑定数据:将创建的数据模型绑定到饼图组件上,这样...

    flex图表展示数据源码

    此外,Flex图表还支持各种定制,如颜色、标签、图例、数据点提示等,以满足不同需求。例如,通过设置`series.setStyle("stroke", someColor)`可以改变线条颜色,`chart.labelsFunction = function(item:Object):...

    flex图表组件

    5. **自定义样式和交互**:Flex图表组件允许开发者通过CSS样式表定制图表的颜色、边框、字体等外观,同时可以通过添加事件监听器来响应用户的交互操作,如点击图表元素。 6. **高级功能**:可能涉及更复杂的特性,...

    flex常用图表的实例

    每种图表都有其特定的配置项,比如颜色、样式、图例、轴设置等,可以通过调整这些属性来定制图表的外观和行为。 在实际应用中,我们可能需要动态更新图表数据。这可以通过监听XML数据的变化并重新设置`dataProvider...

    Flex常见效果

    `&lt;mx:PieChart&gt;`饼图,用于显示各个部分占整体的比例关系。 ##### 16. PlotChart `&lt;mx:PlotChart&gt;`组合图表,可以根据需求自由组合不同的图表类型,以适应复杂的数据展示需求。 以上介绍了Flex中的一些常用效果和...

    Flex UI组件使用全集

    - **PieChart**: 饼图。 以上列出的只是部分Flex UI组件,这些组件为开发者提供了广泛的选择,使得创建复杂且美观的应用程序成为可能。理解这些组件的功能和使用方法对于构建高效、响应式的RIA至关重要。通过熟练...

Global site tag (gtag.js) - Google Analytics