IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Flex Discussion :

Création dynamique de pieCharts


Sujet :

Flex

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte, Expert Flex
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Par défaut Création dynamique de pieCharts
    Salut,

    je suis confronté à un souci de trigonométrie dont je n'arrive pas a me sortir...

    je tente simplement de dessiner (avec la classe Graphics) un camembert avec répartition des parts de façon dynamique. cependant j'ai a chaque fois des parts qui sont plutôt difforme...

    voici mon code en entier qui illustre le souci(suffit de copier coller dans un projet flex):

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    	creationComplete="init()">
    	<mx:Script>
    		<![CDATA[
    			private var rayon:Number = 140;//rayon du cercle
    			private var nbParts:Number = 3;//nombre de parts dans le cercle
    			private var pieChart:Sprite; 
    			private var precision:Number = 100;// Nombre de rayons traces dans le cercle
    			private var contourWidth:Number = 2;// Taille des traits qui font le contour des triangles
     
    			private function init():void
    			{
    				pieChart = new Sprite();
    				pieChart.x = 0;
    				pieChart.y = 0;
    				cnvWidget.rawChildren.addChild(pieChart);
     
    				// Draw white background
    				var whiteBg:Sprite= new Sprite();
    				drawAngle(whiteBg.graphics, 2*Math.PI, rayon+contourWidth, precision, 0xFFFFFF, 100, 0);
     
    				// Get angle value in degrees
    				var angle:Number = Math.floor(360/nbParts);
    				//trace("stem_array.length "+allSkins.length);
    				//trace("angle = "+angle);
     
    				// Get angle value in radian
    				var angleRadian:Number = (Math.PI * angle)/180;
    				// Angle de depart
    				var angleFrom:Number = Math.PI/2-angleRadian/2;
    				// Angle 
    				var angleAll:Number = (nbParts-1)*angleRadian;
    				var ar:Number;
    				var af:Number;
    				var pieColor:uint = 0xFFFFFF;
    				for (var i:int=0 ; i<nbParts ; i++) 
    				{
     
    					if (i == 1)
    						pieColor = 0x00FF00;
    					else if (i == 2)
    						pieColor = 0x0000FF;
    					else if (i == 3)
    						pieColor = 0xFF0000;
    					else if (i == 4)
    						pieColor = 0xBBBBBB;
    					else if (i == 5)
    						pieColor = 0xD20070;
     
     
    					var spAngle:Sprite = new Sprite();
    					spAngle.x = 0;
    					spAngle.y = 0;
    					pieChart.addChild(spAngle);
     
    					if (i == 0) 
    					{
    						ar = 2*Math.PI-angleAll;
    						af = angleFrom;
    					} else 
    					{
    						ar = angleRadian;
    						af = angleFrom-i*angleRadian;
    					}
     
    					var fond_off:Sprite = new Sprite();
    					fond_off.x = cnvWidget.width/2;
    					fond_off.y = cnvWidget.height/2;
    					spAngle.addChild(fond_off);
    					drawAngle(fond_off.graphics, ar, rayon, precision, 0xCDCDCD, 100, af);
    					fond_off.cacheAsBitmap = false;
     
    					var fond_on:Sprite = new Sprite();
    					fond_on.x = cnvWidget.width/2;
    					fond_on.y = cnvWidget.height/2;
    					spAngle.addChild(fond_on);
    					drawAngle(fond_on.graphics, ar, rayon, precision, pieColor, 100, af);
    					fond_on.cacheAsBitmap = false;
    				}
    			}
     
    			private function drawAngle(target:Graphics, a:Number, r:Number, n:Number, col:uint, alph:Number, from:Number):void
    			{
    				trace("a: "+180*a/Math.PI+" | r: "+r+" | n: "+n+" | col: "+col+" | alph: "+alph+" | from: "+180*from/Math.PI);
    				target.clear();
    				target.lineStyle(0, 0, 0);
    				target.beginFill(col, alph);
    				target.moveTo(0, 0);
    				target.lineTo(rayon, 0);
    				var teta:Number = from;
    				var dteta:Number = 2*Math.PI/n;
    				while ( teta < (from+a) ) 
    				{
    					var x:Number = r*Math.cos(teta);
    					var y:Number = -r*Math.sin(teta);
    					target.lineTo(x,y);
    					teta += dteta;
    				}
    				x = r*Math.cos(from+a);
    				y = -r*Math.sin(from+a);
    				target.lineTo(x,y);
    				target.lineTo(0,0);
    				target.endFill();
    			}
    		]]>
    	</mx:Script>
    	<mx:Canvas id="cnvWidget" width="300" height="300" styleName="cnv" 
    		horizontalCenter="0" verticalCenter="0" backgroundColor="#000000"
    		verticalScrollPolicy="off" horizontalScrollPolicy="off">
    	</mx:Canvas>
    </mx:Application>
    si qq'un a le temps d'y jeter un œil rapidos (parce qu'évidement j'suis pressé )
    Merci

    Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses
    Pensez au tag

    Mon Blog sur la techno Flex
    Ma page sur Developpez.com

    Jim_Nastiq

  2. #2
    Membre Expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte, Expert Flex
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Par défaut
    Bon évidement c'est après 4h de recherche que je post, et c'est juste après avoir posté que je trouve la solution

    Je vous la fait partager, c'était un simple probleme de repositionnement du "curseur"

    voici le correctif de la méthode drawAngle:

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
     
    var i:int = 0;
    target.clear();
    target.lineStyle(0, 0, 0);
    target.beginFill(col, alph);
    target.moveTo(0, 0);
    var teta:Number = from;
    var dteta:Number = 2*Math.PI/n;
    while ( teta < (from+a) ) 
    {
    	var x:Number = r*Math.cos(teta);
    	var y:Number = -r*Math.sin(teta);
    	if (i == 0)
    		target.lineTo(x, y);
    	i++;
    	target.lineTo(x,y);
    	teta += dteta;
    }
    x = r*Math.cos(from+a);
    y = -r*Math.sin(from+a);
    target.lineTo(x,y);
    target.lineTo(0,0);
    target.endFill();

    Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses
    Pensez au tag

    Mon Blog sur la techno Flex
    Ma page sur Developpez.com

    Jim_Nastiq

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Création dynamique TADOConnection
    Par chaours dans le forum Bases de données
    Réponses: 6
    Dernier message: 19/04/2004, 10h54
  2. [D7] Création dynamique de Form
    Par jer64 dans le forum Composants VCL
    Réponses: 3
    Dernier message: 03/08/2003, 12h20
  3. [Rave Report] problème de création dynamique
    Par Nivux dans le forum Rave
    Réponses: 2
    Dernier message: 24/05/2003, 00h07
  4. TWebBrowser et création dynamique
    Par BakaOnigiri dans le forum Web & réseau
    Réponses: 2
    Dernier message: 01/09/2002, 10h53
  5. Création dynamique de TImages
    Par Dric dans le forum C++Builder
    Réponses: 10
    Dernier message: 08/07/2002, 12h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo