Un grafico a torta Flash possono essere creato unicamente attraverso l'uso di ActionScripting. ActionScript è il linguaggio con cui è possibile controllare gli oggetti Flash, compresi suo grafico. Ciò significa che è possibile creare grafica sullo schermo in ActionScript senza mai dover disegnare qualsiasi cosa in Flash. Questo è utile per creare un grafico a torta perché le dimensioni degli oggetti devono essere calcolati matematicamente al fine di capire le dimensioni di ogni sezione del grafico. Inoltre, questo consente un maggiore controllo per l'utente, dal momento che i dati del grafico a torta possono essere portati da un file esterno, ad esempio un file XML fie.
Istruzioni
1
In Flash, vai a \"File,\" \"New,\" e creare un nuovo \"Flash 2.0\ ActionScript" file.
2
Secondo clic il primo fotogramma e selezionare \"Actions\" dal menu di scelta rapida per far apparire la finestra di editor di ActionScript.
3
Copiare e incollare il seguente codice ActionScript. Questo codice carica nei dati grafico a torta da un XML esterno che verrà creato successivamente:
Stop)
VAI
XMLFile = nuovo XML
VAI
xmlfile.onLoad = parseData
VAI
pieColors =]
VAI
pieValues =]
VAI
textArray =]
VAI
Function parseData(success) () {
Se {(successo)
per (var k = 0; k < xmlfile.childNodes.length; k + +) {
Se (xmlfile.childNodes[k].nodeName = = \"pieData\") {
var nodePieData = xmlfile.childNodes[k]
VAI
pausa
VAI
}
}
per (var k = 0; k < nodePieData.childNodes.length; k + +) {
Se (nodePieData.childNodes[k].nodeName = = \"pie\") {
nodePie = nodePieData.childNodes[k]
VAI
pieColors.push (parseInt (nodePie.attributes.color, 16))
VAI
per (var p = 0; p < nodePie.childNodes.length; p + +) {
Se (nodePie.childNodes[p].nodeName = = \"value\") {
pieValues.push (parseInt (nodePie.childNodes [p] .firstChild, 10))
VAI
}
Se (nodePie.childNodes[p].nodeName = = \"text\") {
textArray.push(nodePie.childNodes[p].firstChild)
VAI
}
}
}
}
Delete(XMLFile)
VAI
Play)
VAI
}
}
XMLFile.Load(\"pieData.xml\");
4
Nella timeline, secondo clic telaio 2 del filmato e selezionare \"Create Blank Keyframe\" dal menu contestuale. Aprire la finestra azioni e copiare e incollare il codice ActionScript seguente per definire le dimensioni della fetta del grafico a torta:
itemArray =]
VAI
sliceArray =]
VAI
bbx0 = 400
VAI
bby0 = 80
VAI
piex0 = 180
VAI
piey0 = 180
VAI
per (var k = 0; k < pieColors.length; k + +) {
attachMovie (\"pie3d\", \"pie\"+k, k + 1)
VAI
attachMovie (\"BBclip\", \"bb\"+k, k + 300)
VAI
sliceArray.push(this[\"pie\"+k])
VAI
itemArray.push(this[\"bb\"+k])
VAI
con (this[\"pie\"+k]) {
x = piex0
VAI
y = piey0
VAI
}
con (this[\"bb\"+k]) {
y = bby0+(300*k/pieColors.length)
VAI
x = bbx0
VAI
XScale = 70
VAI
yscale = 70
VAI
}
this[\"bb\"+k].ID = k
VAI
}
5
Nella linea temporale, selezionare il terzo fotogramma del filmato e creare un fotogramma chiave vuoto. Aprire la finestra azioni e copia-incolla questo bit finale di ActionScript che crea una leggenda colorata sul lato grafico a torta:
Stop)
VAI
Temp = 0
VAI
somma = 0
VAI
per (var k = 0; k < pieValues.length; k + +) {
somma + = Number(pieValues[k])
VAI
Se (pieValues [k] > temp) {
Temp = pieValues [k]
VAI
maxIndex = k
VAI
}
}
ang0 = 90
VAI
Indice = maxIndex
VAI
per (var count = 0; count < pieValues.length; count + +) {
Se (Indice > = pieValues.length) {
Indice = pieValues.length
VAI
}
valore = pieValues [Indice]
VAI
angOffset = valore360/somma
VAI
clip2 var = sliceArray [Indice]
VAI
con {(clip2)
percentValue = int (valore100/somma)
VAI
Visualizza (ang0, ang0 + angOffset)
VAI
setHue(pieColors[index])
VAI
Se (ang0 < 270) {
profondità = 10-count
VAI
} else {
profondità = conteggio 10 +
VAI
}
swapDepths(depth)
VAI
}
ang0 + = angOffset
VAI
Indice + +
VAI
}
per (var k = 0; k < pieValues.length; k + +) {
.txt.text itemArray [k] = textArray [k] + \ ": \"+pieValues[k]
VAI
itemArray[k].setHue(pieColors[k])
VAI
}
6
Vai alla \"File,\" \"Save come... \" e salvare il file in una directory si può ricordare.
7
Aprire un editor di testo (blocco note su Windows o TextEdit su Mac farà) e copia-incolla il seguente codice XML, che definisce l'elemento i nomi e i valori per il grafico a torta (è possibile modificare tutto ciò che è nella \ "< valore > \" e \ "< testo > \" sezioni per l'etichetta e la quantità degli elementi del grafico a torta):
<? xml version=\"1.0\"? >
< pieData >
< torta colore = \ "FF0000\" >
<value>100</value>
<text>Item 1 </text>
< / pie >
< torta colore = \ "00FF00\" >
<value>150</value>
<text>Item 2</text>
< / pie >
< torta colore = \ "0000FF\" >
<value>50</value>
<text>Item 3</text>
< / pie >
< torta colore = \ "FFFF00\" >
<value>20</value>
<text>Item 4</text>
< / pie >
< torta colore = \ "FF00FF\" >
<value>80</value>
<text>Item 5</text>
< / pie >
< / pieData >
8
Vai alla \"File,\" \"Save as\" e spostarsi nella directory che è stato salvato il file Flash. Digitare \"pieData.xml\" come nome del file e fare clic su \"Save.\"
9
In Flash, vai a \"Control,\" \"Test Movie\" per testare il tuo film. Si dovrebbe vedere un grafico a torta con codifica a colori con una leggenda sul lato che mostra le etichette e i valori che inserito nel file XML in Step 7.
