Get Worksheet of the Chart with JavaScript via C++
Contents
[
Hide
]
Sometimes, you want to access a worksheet from a chart’s reference. Aspose.Cells provides the Chart.worksheet property which returns the reference of the worksheet that contains the chart.
The following example shows how to use the Chart.worksheet property. The code first prints the name of the worksheet, then accesses the first chart on the worksheet. It then prints the worksheet name again, using the Chart.worksheet property.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Example Title</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, Worksheet, Cell } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiating a Workbook object using the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Print worksheet name
const sheetName = worksheet.name;
let outputHtml = `<p>Sheet Name: ${sheetName}</p>`;
// Access the first chart inside this worksheet
const charts = worksheet.charts;
if (charts.count > 0) {
const chart = charts.get(0);
// Access the chart's sheet and display its name again
const chartSheetName = chart.worksheet.name;
outputHtml += `<p>Chart's Sheet Name: ${chartSheetName}</p>`;
} else {
outputHtml += `<p>No charts available in the worksheet.</p>`;
}
document.getElementById('result').innerHTML = outputHtml;
});
</script>
</html>
Below is the console output that the sample code results in. As you can see, it prints the same worksheet name both times.
Sheet Name: Portfolio
Chart's Sheet Name: Portfolio