Los Componentes "Flash Charting" / El Componente "PieChart"
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.
Learn More
Subtitles of the Movie
"PieChart" o Grafico Circular es el mas sencillo de los 3 componentes "Charting", pues tiene menos llamadas API y etiquetas para configurar en el escenario. Como ve en el ejemplo, solo tiene el titulo de grafico, el cual puede configurarse mediante llamadas a la API; no obstante, al hacer clic en el grafico se observa que tiene una serie adicional de parametros para escoger: "Pie Colors", la cual nos permite seleccionar el color de los sectores que se usaran para mostrar los distintos tipos de datos representados en el grafico. Para ver el grafico ejecutare la pelicula; como ve, el titulo del grafico se cargara gracias al codigo de inicializacion pero puedo cambiarlo por el titulo que desee (por ejemplo, "My Pie Chart"). La gran ventaja aqui radica en que al situar el mouse sobre cada sector, apareceran rotulos que le mostraran parametros como "Label", que indica a que porcion corresponde el sector; "Value", que indica el valor, y "Percentage", que senala el porcentaje del sector. En este caso, toda esta informacion se gestiona mediante el componente en si, y no a traves de instrucciones en el codigo de "ActionScript"; asi pues, si deseo ver los datos correspondientes al sector "B", bastara con que situe el mouse sobre "B" para comprobar que su valor es 25 y que equivale al 10.12%. Como ve, esta es una forma muy practica de presentar la informacion y de permitir que el componente realice numerosos calculos por usted. Veamos ahora el codigo de "ActionScript" correspondiente; tras inmovilizar esta seccion, encontramos de nuevo el bloque de inicializacion, el cual ha sido abreviado debido a que aqui solo hay un cuadro de texto de titulo para llenar, asi como un solo titulo de grafico para configurar en el boton de opcion. Asi pues, el codigo es mucho mas sencillo que antes. Si vemos las llamadas a la API del grafico de sectores veremos que hay muy pocos metodos para configurar: "setLabelSource", "setSize", "setValueSource", "sortItemsBy", etc. Como ya he mencionado, la mayoria de tales metodos se estudian en el curso avanzado, que tambien ofrece VTC.
Tutorial Information
| Course: | Macromedia Flash MX Intermediate Developer (Español) |
| Author: | Eric Hake |
| SKU: | 33754 |
| ISBN: | 1-933736-77-1 |
| Release Date: | 2007-03-30 |
| Duration: | 7 hrs / 93 lessons |
| Captions: | Available on CD and Online University |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 