Manipuler la position, la taille et concevoir le graphique avec Node.js via C++
Position et taille du graphique
Parfois, vous souhaitez changer la position ou la taille du graphique nouveau ou existant dans la feuille de calcul. Aspose.Cells fournit la propriété Chart.getChartObject() pour réaliser cela. Vous pouvez utiliser ses sous-propriétés pour redimensionner le graphique avec une nouvelle hauteur et une nouvelle largeur ou le repositionner avec de nouvelles coordonnées X et Y.
Contrôle de la position et la taille du graphique
Pour changer la position (coordonnées X, Y) ou la taille (hauteur, largeur) du graphique, utilisez ces propriétés :
L’exemple suivant explique l’utilisation des API ci-dessus ; il charge le classeur existant contenant un graphique dans sa première feuille de calcul. Ensuite, il redimensionne et repositionne le graphique en utilisant Aspose.Cells.
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, "chart.xls");
// Loads the workbook which contains the chart
const workbook = new AsposeCells.Workbook(filePath);
const worksheet = workbook.getWorksheets().get(1);
// Load the chart from source worksheet
const chart = worksheet.getCharts().get(0);
// Resize the chart
chart.getChartObject().setWidth(400);
chart.getChartObject().setHeight(300);
// Reposition the chart
chart.getChartObject().setX(250);
chart.getChartObject().setY(150);
// Output the file
workbook.save(path.join(dataDir, "chart.out.xls"));
Manipulation des graphiques de concepteur
Il arrive parfois que vous deviez manipuler ou modifier des graphiques dans des fichiers de modèles de concepteur. Aspose.Cells prend en charge la manipulation complète du contenu et des éléments des graphiques de concepteur. Les données, le contenu du graphique, l’image de fond et la mise en forme peuvent être préservés avec précision.
Manipulation des graphiques de concepteur dans les fichiers de modèle
Pour manipuler les graphiques de concepteur dans les fichiers de modèles, utilisez l’API liée aux graphiques. Par exemple, vous pouvez utiliser la propriété Worksheet.charts pour obtenir la collection de graphiques existants dans le fichier modèle.
Création d’un graphique
L’exemple suivant montre comment créer un graphique en forme de pyramide. Nous manipulerons ce graphique plus tard.
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 Excel object
const sheetIndex = workbook.getWorksheets().add();
// Obtaining the reference of the newly added worksheet by passing its sheet index
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.Pyramid, 5, 0, 15, 5);
// Accessing the instance of the newly added chart
const chart = worksheet.getCharts().get(chartIndex);
// Adding SeriesCollection (chart data source) to the chart ranging from "A1" cell to "B3"
chart.getNSeries().add("A1:B3", true);
// Saving the Excel file
workbook.save(path.join(dataDir, "book1.out.xls"));
Manipulation du graphique
L’exemple suivant montre comment manipuler le graphique existant. Dans cet exemple, nous modifions le graphique créé précédemment. Dans la sortie générée, notez que l’étiquette de date d’un point de données a été définie sur ‘Royaume-Uni, 30K’.
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, "piechart.xls");
// Loads the existing file.
const workbook = new AsposeCells.Workbook(filePath);
// Get the designer chart in the second sheet.
const sheet = workbook.getWorksheets().get(1);
const chart = sheet.getCharts().get(0);
// Get the data labels in the data series of the third data point.
const dataLabels = chart.getNSeries().get(0).getPoints().get(2).getDataLabels();
// Change the text of the label.
dataLabels.setText("Unided Kingdom, 400K ");
// Save the excel file.
workbook.save(path.join(dataDir, "output.xls"));
Manipulation d’un graphique linéaire dans le modèle de concepteur
Dans cet exemple, nous manipulerons un graphique linéaire. Nous ajouterons des séries de données au graphique existant et changerons leurs couleurs de ligne.
const path = require("path");
const AsposeCells = require("aspose.cells.node");
// The path to the documents directory.
const dataDir = path.join(__dirname, "data");
// Open the existing file.
const workbook = new AsposeCells.Workbook(path.join(dataDir, "sample.xlsx"));
// Get the designer chart in the first worksheet.
const chart = workbook.getWorksheets().get(0).getCharts().get(0);
// Add the third data series to it.
chart.getNSeries().add("{60, 80, 10}", true);
// Add another data series (fourth) to it.
chart.getNSeries().add("{0.3, 0.7, 1.2}", true);
// Plot the fourth data series on the second axis.
chart.getNSeries().get(3).setPlotOnSecondAxis(true);
// Change the Border color of the second data series.
chart.getNSeries().get(1).getBorder().setColor(AsposeCells.Color.Green);
// Change the Border color of the third data series.
chart.getNSeries().get(2).getBorder().setColor(AsposeCells.Color.Red);
// Make the second value axis visible.
chart.getSecondValueAxis().setIsVisible(true);
// Save the excel file.
workbook.save(path.join(dataDir, "output.xls"));