begin process at 2012 02 10 13:51:30
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

ActionScripts

 > LINECHART / AREACHART : COMPOSANT AS2, SOURCE XML, STYLE PARAMETRABLE, LEGENDE AUTOMATIQUE

LINECHART / AREACHART : COMPOSANT AS2, SOURCE XML, STYLE PARAMETRABLE, LEGENDE AUTOMATIQUE


 Information sur la source

Note :
9,5 / 10 - par 2 personnes
9,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ActionScripts Classé sous :chart, graphique, statistique, stats, graph Niveau :Initié Date de création :05/11/2006 Vu / téléchargé :8 731 / 838

Auteur : BlackWizzard

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note


 Description

Cliquez pour voir la capture en taille normale
Bonjour,
Ma dernière source date d’il y a presque deux ans… c’est long…
J’ai du coder pour l’un de mes projets un composant AS2 permettant de présenter deux types de graphique depuis un XML, avec configuration des couleurs et du style depuis le XML.
Les types de graphique supportés sont les Areas, et les Lignes.
Les areas peuvent être aligné sur le bas, ou sur le haut du graphique.

Pour chaque type de graphique, il est possible d’activer ou non l’affichage des labels, mettre en pseudo-3D (areas uniquement), régler le style graphique complet.

Pas de limite dans le nombre de graphique.

Légende automatique, totalement paramétrable (align, valign comme en html), drag’n’drop, style graphique, police…


 Conclusion

Exemple de style:

<style name="nom du style">
<draw>
<thickness value="-1" />
<lineColor value="0x000000" />
<lineAlpha value="100" />
<color value="0x0000FF" />
<alpha value="30" />
</draw>
<label>
<thickness value="-1" />
<lineColor value="0x000000" />
<lineAlpha value="100" />
<color value="0x000099" />
<alpha value="60" />
</label>
<textLabel>
<alpha value="100" />
<color value="0x000000" />
<bold value="true" />
</textLabel>
<relief>
<type value="3D" />
</relief>
</style>



<draw>  liste les propriétés des éléments dessinées
Thickness: taille de la ligne
lineColor : couleur de la ligne
lineAlpha : transparence de la ligne
color: couleur de remplissage
alpha: transparence du remplissage

<label> liste les propriétés du fond du label
(Voir références de <draw>)

< textLabel> liste les propriétés des éléments du texte
Vous pouvez mettre toutes les propriétés acceptée par la class TextFormat pour configurer votre texte.

<relief> ne possède qu’une propriété:
Type : permet de définir si l’area doit être affiché en pseudo-3D



Exemple d’area:

<area label="label decrivant le graphique" align="top" showvalue="false" style="nom du style">
<point label="100 USD" value="100" />
<point label="130 USD" value="130" />
<point label="180 USD" value="180" />
</area>


Label : label du graphique, s’affiche dans la legende
Align : top/bottom : permet d’aligner le graphique en bas ou en haut.
Showvalue : control l’affichage du label.
Style : référence au style à utiliser



Exemple de ligne :

<line label="une courbe qui sert a rien" showlabel="true" style="nom du style">
<point label="31/10/2006" value="30" />
<point label="01/11/2006" value="60" />
<point label="02/11/2006" value="100" />
<point label="04/11/2006" value="10" />
<point label="04/11/2006" value="200" />
</line>

Label : label du graphique, s’affiche dans la legende
Showlabel : control l’affichage du label.
Style : référence au style à utiliser



Configuration de la légende :
<legend align="center" valign="top" style="legend" fixed="false" />

Align : left/center/right : control la position horizontale au chargement
Valign : top/middle/bottom : control la position verticale au chargement
Style : référence au style à utiliser
Fixed : true/false : autorise le déplacement drag’n’drop ou pas.


Important :
Les styles doivent être déclarés avant leur utilisation par un graphique.
La configuration de la légende doit être déclarée en dernier.

Notice importante :
Les valeurs ne peuvent dépasser 300 dans cette version.
Il n’existe aucune limite dans le nombre de point que peut gérer le graphique. Il calcul automatiquement l’espace entre les points.
Cette espace est recalculée pour chaque graphique.


Il n’y a pas de mise à jour de prévue.


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture SPORE-LIKE DEMO
Source avec Zip COURS FLASH: COMMUNICATION FLASH/PHP
Source avec Zip 3D TEMPS REEL EN AS2
Source avec Zip Source avec une capture CLASS PIECHART: CODE ET COURS (8 PAGES FLASHPAPER/WORD)
Source avec Zip 3 COURS COMPLETS FORMAT FLASHPAPER: LES BASES + LE XML + MIS...

 Sources de la même categorie

Source avec Zip ZOOM SUR UNE IMAGE par yasdar
Source avec Zip Source avec une capture UN PEU DE MATH par yasdar
Source avec Zip Source avec une capture PARTICULE SYSTEM par yasdar
Source avec Zip Source avec une capture GALLERIE PHOTO AVEC XML par yasdar
Source avec Zip Source avec une capture MP3 LAYER NICE &SMALL par yasdar

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture PARTICLE 1.0 par Ockam
Source avec Zip SIMULATION D'ORDONNANCEMENT DE PROCESSUS DANS UN PROCESSEUR ... par essametahmed
Source avec Zip Source avec une capture LAZERTEXTEFFECT par hattabking
Source avec Zip Source avec une capture ÉMETTEUR DE PARTICULES TRÈS PARAMÉTRABLE par Chamyky
Source avec Zip Source avec une capture COMPOSANT "PIE CHART" AS 1 par BananaTree

Commentaires et avis

Commentaire de BananaTree le 08/11/2006 18:28:58

slt bw,

d'un point de vue formel, j'aurais séparé la mise en forme (au format css) des données (au format xml).
sinon, en l'absence de paneau pour configurer le composant, une classe n'aurait-elle pas fait l'affaire ?

++

Commentaire de BlackWizzard le 08/11/2006 20:44:19 administrateur CS

Une simple class aurait fait l'affaire, mais je vais utiliser ces graphiques dans plusieurs projets. un simple copier-coller c'est plus pratique qu'une class et tout le code associé.

Par contre, separer le style du XML me semble pas tres pratique.
D'abord, parsque le style n'est pas au format CSS. Il doit gerer les prorpiété de dessin de flash, les labels, background des labels et autre.
Ensuite, parsque ça obligerai flash à charger 2 fichiers. Meme petits, deux fichiers sont plus long à charger qu'un seul.
Derniere explication: je n'utilise pas un fichier xml, mais une page php me generant de l'XML suivant plusieurs options. Et parmis ces options, il y a le style.

Dans tous les cas, c'est libre de droit. amusez vous à modifier et adapter à vos besoins.

Commentaire de BananaTree le 09/11/2006 12:54:40

je pense le contraire sur tout, mais comme tu l'as dit l'important c que chacun trouve ce dont il à besoin dans les sources.

Commentaire de BlackWizzard le 09/11/2006 14:46:15 administrateur CS

voila ;)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Je suis débutante et ... [ par HFanny ] Bonjour à ceux qui liront mon message,je suis en train de faire un site internet et j'aimerais que lorsque je clique sur un graphique, une photo appar [Flash Offline] Charger une animation avec des paramètres [ par Tarama ] Dans une application offline, je charge un swf qui me permet de réaliser des graphiques.Ce swf a besoin de recevoir un paramètre qui est l'adresse d'u texte défilant [ par flambyture ] Bonjour à toutes et à tous,je voudrais savoir s'il est possible de placer un symbole graphique dans un bloc texte dynamique par programmation ??Le blo récupérer des variables dans un symbole graphique [ par flambyture ] Salutg un gros problème... je n'arrive pas à récupérer des variables...en fait g plusieurs champs textes, statiques et dynamiques pour les variables. DEVELOPPEMENT GRAPHIQUE [ par beluga ] Bonjour , Je suis en train de travailler sur un projet . J ai besoin de quelqu un qui connaisse tres bien flash .je travaille beaucoup sur excel . je enregister un graphique ne jpg grace action script [ par angeleus ] Bonjour,est il possible d'enregistrer un graphique depuis flash en jpg grace à l'actionscriptje voudrais proposer à mes client une sorte d'interface o Comment transformer une texte en graphique par action script ? [ par loupblanc57 ] Je suis à la recherche de la procédure d'action script qui permet de transformer un texte en graphique. Ce qui correspond à deux actions :la selection Modifier les symbols de type graphique et clip [ par djamine ] Bonjourj'ai trouver un fichier fla open source selement que il y a bcp des symbols de type Graphic et Clip ou il y a du texteje demande si il y a une Animation de clip [ par FlyMan ] BonjoursTout d'abord je suis débutant dans l'écriture du code en flash j'ai toujours un problème avec mon clip barre graphje m'explique: dans la scène Afficher un graphique après un clic sur un bouton [ par hanslepire ] Hello,J'aimerais avoir une précision d'aaaah bruti !J'ai un bouton. Quand je clic dessus, j'aimerais qu'il m'affiche un graphique.on(release){ _root


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,796 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales