Ejemplo: gráficos de líneas
En este apartado describimos los gráficos de líneas (o gráficos de líneas de categorías) del diseño SPS YearlySales.sps. El diseño SPS está basado en el esquema XML YearlySales.xsd y utiliza el archivo YearlySales.xml (imagen siguiente) como archivo XML de trabajo. Los tres archivos están en la carpeta (Mis) Documentos, C:\Documents and Settings\<usuario>\Mis Documentos\Altova\StyleVision2023\StyleVisionExamples/Tutorial/Charts.
<?xml version="1.0" encoding="UTF-8"?> <Data xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="YearlySales.xsd"> <ChartType>Pie Chart 2D</ChartType> <Region id="Americas"> <Year id="2005">30000</Year> <Year id="2006">90000</Year> <Year id="2007">120000</Year> <Year id="2008">180000</Year> <Year id="2009">140000</Year> <Year id="2010">100000</Year> </Region> <Region id="Europe"> <Year id="2005">50000</Year> <Year id="2006">60000</Year> <Year id="2007">80000</Year> <Year id="2008">100000</Year> <Year id="2009">95000</Year> <Year id="2010">80000</Year> </Region> <Region id="Asia"> <Year id="2005">10000</Year> <Year id="2006">25000</Year> <Year id="2007">70000</Year> <Year id="2008">110000</Year> <Year id="2009">125000</Year> <Year id="2010">150000</Year> </Region> </Data> |
Abra el archivo SPS en StyleVision, cambie a la vista previa de Authentic y en el cuadro combinado Chart Type (imagen siguiente) seleccione la opción Line Charts para ver los gráficos de líneas.
Los gráficos de líneas muestran las ventas anuales de cada región (imagen siguiente). El eje X del gráfico muestra los años y el eje Y muestra las unidades vendidas. Cada línea muestra las ventas de una región entre los años 2005 y 2010. La leyenda que aparece en la parte inferior del gráfico aclara qué región representa cada línea.
Este gráfico se creó dentro del nodo Data, que es el nodo primario de los nodos Region (ver fragmento del documento XML). La selección de datos realizada es esta:
Observe cómo se hizo esta selección de datos:
•El eje Z (el eje del nombre de la serie) selecciona el nombre de la región (Region/@id).
•El eje X selecciona el nombre de los años (Region/Year/@id) y el eje Y selecciona las ventas realizadas cada año (es decir, el contenido del elemento Region/Year).
La selección de datos de la imagen anterior hace esto:
1.Por cada elemento Region selecciona un nombre para la serie (el valor del atributo id del elemento Region).
2.Después genera el eje X para el elemento Region (usando la secuencia obtenida con los valores de los atributos Year/@id).
3.Después genera los valores del eje Y (usando la secuencia obtenida con el contenido de los elementos Year). Esto se repite por cada elemento Region, en secuencia, y da lugar al gráfico anterior.
Para más información sobre la selección de datos para varios ejes, consulte el apartado sobre reglas de selección de datos de gráficos.
Temas relacionados:
Gráficos: resumen sobre cómo insertar y editar gráficos en el diseño SPS.
Configuración de gráficos: describe el cuadro de diálogo donde se definen las opciones de configuración del gráfico.
Selección de datos de gráficos: básica y Selección de datos de gráficos: flexible: explican cómo seleccionar los datos de los ejes del gráfico.