Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Flex Chart – Séparer toutes les parts d'un PieChart (explode avec explodeRadius)

Les PieSeries Flex permettent de créer une séparation des parts d'un Pie Chart  Flex. Soit de manière uniforme, soit tranche par tranche.

Voici les différentes propriétés que vous pouvez utiliser sur une PieSeries pour réaliser ces effets:

• explodeRadius: Prend une valeur entre 0 et 1, représentant le pourcentage du rayon du PieChart à utiliser pour séparer la tranche
• perWedgeExploreRadius: Prend un tableau de valeurs entre 0 et 1. La Nième valeur du tableau est ajoutée à la valeur d'explodeRadius pour déterminer la valeur qui va séparer la part du reste du PieChart. Si une valeur n'est pas définie, la part va se séparer suivant la valeur de explodeRadius
• reserveExplodeRadius: Une valeur entre 0 et 1 représentant le pourcentage du rayon du PieChart total à réserver pour l'animation de l'explosion du PieChart.

Pour séparer (explode) toutes les parts d'un PieChart de la même manière, vous pouvez utiliser la propriété explodeRadius sur un PieSeries comme dans l'exemple suivant:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script><![CDATA[
	import mx.collections.ArrayCollection;

	[Bindable]
	public var expenses:ArrayCollection = new ArrayCollection([
		{Expense:"Taxes", Amount:2000},
		{Expense:"Rent", Amount:1000},
		{Expense:"Bills", Amount:100},
		{Expense:"Car", Amount:450},
		{Expense:"Gas", Amount:100},
		{Expense:"Food", Amount:200}
	]);
	]]></mx:Script>

	<mx:Panel title="Exploding Pie Chart">
		<mx:PieChart id="pie"
		dataProvider="{expenses}"
		showDataTips="true"
		>
			<mx:series>
			<!--explodeRadius is a number between 0 and 1.-->
				<mx:PieSeries
				field="Amount"
				nameField="Expense"
				explodeRadius=".12"
				/>
			</mx:series>
		</mx:PieChart>
		<mx:Legend dataProvider="{pie}"/>
	</mx:Panel>
</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application

Flex Chart - Séparer certaines parts d'un PieChart (explode avec perWedgeExplodeRadius)