Convertir gráfico en imagen con Node.js vía C++

Renderización de Gráficos

Las API de Aspose.Cells admiten convertir gráficos de Excel a formatos de imagen sin necesidad de herramientas o aplicaciones adicionales. Para proporcionar soporte de renderizado, la clase Chart expone métodos toImage(string) con varias sobrecargas para adaptarse mejor a los requisitos de la aplicación.

Renderizar Gráficos a Imágenes

El método Chart.toImage(string) tiene varias sobrecargas para soportar renderizado simple y avanzado. Si el requisito de la aplicación es renderizar el gráfico en sus dimensiones predeterminadas, sugerimos usar el método Chart.toImage(string) de la siguiente manera.

const path = require("path");
const AsposeCells = require("aspose.cells.node");

// The path to the documents directory.
const dataDir = path.join(__dirname, "data");

// Instantiating a Workbook object
const workbook = new AsposeCells.Workbook();
// Adding a new worksheet to the Workbook
const sheetIndex = workbook.getWorksheets().add();
// Obtaining the reference of the newly added worksheet by passing its index to WorksheetCollection
const worksheet = workbook.getWorksheets().get(sheetIndex);

// Adding sample values to cells
worksheet.getCells().get("A1").putValue(50);
worksheet.getCells().get("A2").putValue(100);
worksheet.getCells().get("A3").putValue(150);
worksheet.getCells().get("B1").putValue(4);
worksheet.getCells().get("B2").putValue(20);
worksheet.getCells().get("B3").putValue(50);

// Adding a chart to the worksheet
const chartIndex = worksheet.getCharts().add(AsposeCells.ChartType.Column, 5, 0, 15, 5);
// Accessing the instance of the newly added chart
const chart = worksheet.getCharts().get(chartIndex);
// Adding Series Collection (chart data source) to the chart ranging from "A1" cell to "B3"
chart.getNSeries().add("A1:B3", true);

// Converting chart to image
chart.toImage(path.join(dataDir, "chartEMF_out.emf"), AsposeCells.ImageType.Emf);

// Converting chart to Bitmap
chart.toImage(path.join(dataDir, "chartBMP_out.bmp"), AsposeCells.ImageType.Bmp);

También es posible renderizar gráficos en imágenes con configuraciones avanzadas. Las API de Aspose.Cells han expuesto una versión sobrecargada del método Chart.toImage(string) que acepta una instancia de ImageOrPrintOptions, permitiendo además especificar parámetros como resolución, modo de suavizado, formato de imagen, etc.

const path = require("path");
const AsposeCells = require("aspose.cells.node");

// The path to the documents directory.
const dataDir = path.join(__dirname, "data");
const filePath = path.join(dataDir, "sample.xlsx");
// Instantiating a Workbook object
const workbook = new AsposeCells.Workbook();
// Adding a new worksheet to the Workbook
const sheetIndex = workbook.getWorksheets().add();
// Obtaining the reference of the newly added worksheet by passing its index to WorksheetCollection
const worksheet = workbook.getWorksheets().get(sheetIndex);

// Adding sample values to cells
worksheet.getCells().get("A1").putValue(50);
worksheet.getCells().get("A2").putValue(100);
worksheet.getCells().get("A3").putValue(150);
worksheet.getCells().get("B1").putValue(4);
worksheet.getCells().get("B2").putValue(20);
worksheet.getCells().get("B3").putValue(50);

// Adding a chart to the worksheet
const chartIndex = worksheet.getCharts().add(AsposeCells.ChartType.Column, 5, 0, 15, 5);
// Accessing the instance of the newly added chart
const chart = worksheet.getCharts().get(chartIndex);
// Adding Series Collection (chart data source) to the chart ranging from "A1" cell to "B3"
chart.getNSeries().add("A1:B3", true);

// Create an instance of ImageOrPrintOptions and set a few properties
const options = new AsposeCells.ImageOrPrintOptions();
options.setVerticalResolution(300);
options.setHorizontalResolution(300);

// Convert chart to image with additional settings
chart.toImage(path.join(dataDir, "chartPNG_out.png"), options);

Tipos de Gráficos Soportados para Renderizado

Hay algunos tipos de gráficos que actualmente no están soportados para el renderizado. Dichos tipos de gráficos contienen N en la columna Soportado de la siguiente tabla.

Tipo de Gráfico	Subtipo de Gráfico	Soportado
Column	Column	Y
	ColumnStacked	Y
	Column100PercentStacked	Y
	Column3DClustered	Y
	Column3DStacked	Y
	Column3D100PercentStacked	Y
	Column3D	Y
Bar	Bar	Y
	BarStacked	Y
	Bar100PercentStacked	Y
	Bar3DClustered	Y
	Bar3DStacked	Y
	Bar3D100PercentStacked	Y
Line	Line	Y
	LineStacked	Y
	Line100PercentStacked	Y
	LineWithDataMarkers	Y
	LineStackedWithDataMarkers	Y
	Line100PercentStackedWithDataMarkers	Y
	Line3D	Y
Pie	Pie	Y
	Pie3D	Y
	PiePie	Y
	PieExploded	Y
	Pie3DExploded	Y
	PieBar	Y
Scatter	Scatter	Y
	ScatterConnectedByCurvesWithDataMarker	Y
	ScatterConnectedByCurvesWithoutDataMarker	Y
	ScatterConnectedByLinesWithDataMarker	Y
	ScatterConnectedByLinesWithoutDataMarker	Y
Area	Area	Y
	AreaStacked	Y
	Area100PercentStacked	Y
	Area3D	Y
	Area3DStacked	Y
	Area3D100PercentStacked	Y
Doughnut	Doughnut	Y
	DoughnutExploded	Y
Radar	Radar	Y
	RadarWithDataMarkers	Y
	RadarFilled	Y
Surface	Surface3D	N
	SurfaceWireframe3D	N
	SurfaceContour	N
	SurfaceContourWireframe	N
Bubble	Bubble	Y
	Bubble3D	N
Stock	StockHighLowClose	Y
	StockOpenHighLowClose	Y
	StockVolumeHighLowClose	Y
	StockVolumeOpenHighLowClose	Y
Cylinder	Cylinder	Y
	CylinderStacked	Y
	Cylinder100PercentStacked	Y
	CylindricalBar	Y
	CylindricalBarStacked	Y
	CylindricalBar100PercentStacked	Y
	CylindricalColumn3D	Y
Cone	Cone	Y
	ConeStacked	Y
	Cone100PercentStacked	Y
	ConicalBar	Y
	ConicalBarStacked	Y
	ConicalBar100PercentStacked	Y
	ConicalColumn3D	Y
Pyramid	Pyramid	Y
	PyramidStacked	Y
	Pyramid100PercentStacked	Y
	PyramidBar	Y
	PyramidBarStacked	Y
	PyramidBar100PercentStacked	Y
	PyramidColumn3D	Y
BoxWhisker	BoxWhisker	Y
Funnel	Funnel	Y
ParetoLine	ParetoLine	Y
Sunburst	Sunburst	Y
Treemap	Treemap	Y
Waterfall	Waterfall	Y
Histogram	Histogram	Y
Map	Map	N

En caso de intentar renderizar los tipos de gráficos no soportados a imagen o PDF, es posible que se obtengan imágenes de tamaño 0 o PDF en blanco.

Temas avanzados

• Convertir Gráfico a PDF