Puntos de datos del gráfico Treemap y Sunburst

Además de otros tipos de gráficos de PowerPoint, existen dos tipos “jerárquicos”: el gráfico Treemap y el gráfico Sunburst (también conocido como gráfico Sunburst, diagrama Sunburst, gráfico radial, gráfico radial o gráfico de pastel multinivel). Estos gráficos muestran datos jerárquicos organizados como un árbol, de las hojas hasta la parte superior de la rama. Las hojas están definidas por los puntos de datos de la serie, y cada nivel de agrupación anidado posterior está definido por la categoría correspondiente. Aspose.Slides for Node.js a través de Java permite dar formato a los puntos de datos del gráfico Sunburst y Treemap en JavaScript.

Este es un gráfico Sunburst, donde los datos en la columna Series1 definen los nodos hoja, mientras que las demás columnas definen los puntos de datos jerárquicos:

todo:image_alt_text

Comencemos añadiendo un nuevo gráfico Sunburst a la presentación:

var pres = new aspose.slides.Presentation();
try {
    var chart = pres.getSlides().get_Item(0).getShapes().addChart(aspose.slides.ChartType.Sunburst, 100, 100, 450, 400);
    // ...
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Ver también

Creación de gráfico Sunburst

Si es necesario dar formato a los puntos de datos del gráfico, debemos usar lo siguiente:

ChartDataPointLevelsManager, ChartDataPointLevel clases y el método ChartDataPoint.getDataPointLevels proporcionan acceso para dar formato a los puntos de datos de los gráficos Treemap y Sunburst.
ChartDataPointLevelsManager se usa para acceder a categorías multinivel; representa el contenedor de objetos ChartDataPointLevel.
Básicamente es un contenedor para ChartCategoryLevelsManager con propiedades añadidas específicas para los puntos de datos.
La clase ChartDataPointLevel tiene dos métodos: getFormat y getDataLabel que proporcionan acceso a la configuración correspondiente.

Mostrar valor del punto de datos

Mostrar el valor del punto de datos “Leaf 4”:

var dataPoints = chart.getChartData().getSeries().get_Item(0).getDataPoints();
dataPoints.get_Item(3).getDataPointLevels().get_Item(0).getLabel().getDataLabelFormat().setShowValue(true);

todo:image_alt_text

Establecer etiqueta y color del punto de datos

Establecer la etiqueta del punto de datos “Branch 1” para que muestre el nombre de la serie (“Series1”) en lugar del nombre de la categoría. Luego establecer el color del texto a amarillo:

var branch1Label = dataPoints.get_Item(0).getDataPointLevels().get_Item(0).getLabel();
branch1Label.getDataLabelFormat().setShowCategoryName(false);
branch1Label.getDataLabelFormat().setShowSeriesName(true);
branch1Label.getDataLabelFormat().getTextFormat().getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
branch1Label.getDataLabelFormat().getTextFormat().getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "YELLOW"));

todo:image_alt_text

Establecer color de la rama del punto de datos

Cambiar el color de la rama “Steam 4”:

var pres = new aspose.slides.Presentation();
try {
    var chart = pres.getSlides().get_Item(0).getShapes().addChart(aspose.slides.ChartType.Sunburst, 100, 100, 450, 400);
    var dataPoints = chart.getChartData().getSeries().get_Item(0).getDataPoints();
    var stem4branch = dataPoints.get_Item(9).getDataPointLevels().get_Item(1);
    stem4branch.getFormat().getFill().setFillType(java.newByte(aspose.slides.FillType.Solid));
    stem4branch.getFormat().getFill().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED"));
    pres.save("pres.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

todo:image_alt_text

Preguntas frecuentes

¿Puedo cambiar el orden (ordenación) de los segmentos en Sunburst/Treemap?

No. PowerPoint ordena los segmentos automáticamente (normalmente por valores descendentes, en sentido horario). Aspose.Slides replica este comportamiento: no se puede cambiar el orden directamente; se logra preprocesando los datos.

¿Cómo afecta el tema de la presentación a los colores de los segmentos y las etiquetas?

Los colores del gráfico heredan el tema/paleta de la presentación, a menos que establezcas explícitamente rellenos/fuentes. Para obtener resultados consistentes, fija rellenos sólidos y el formato de texto en los niveles necesarios.

¿La exportación a PDF/PNG conservará los colores personalizados de las ramas y la configuración de las etiquetas?

Sí. Al exportar la presentación, la configuración del gráfico (rellenos, etiquetas) se conserva en los formatos de salida porque Aspose.Slides renderiza con el formato del gráfico aplicado.

¿Puedo calcular las coordenadas reales de una etiqueta/elemento para colocar una superposición personalizada sobre el gráfico?

Sí. Después de validar la disposición del gráfico, las coordenadas X e Y reales están disponibles para los elementos (por ejemplo, una DataLabel), lo que ayuda a posicionar con precisión las superposiciones.

Visor de presentaciones