Получить лист диаграммы с помощью JavaScript через C++
Contents
[
Hide
]
Иногда вам нужно получить доступ к листу рабочей книги из ссылки на диаграмму. Aspose.Cells предоставляет свойство Chart.worksheet, которое возвращает ссылку на лист рабочей книги, содержащий диаграмму.
Следующий пример показывает, как использовать свойство Chart.worksheet. Сначала код выводит название листа, затем обращается к первому графику на листе. После этого снова выводит название листа, используя свойство Chart.worksheet.
<!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>
Ниже приведен вывод консоли, который получается в результате примера. Как видно, он дважды выводит одно и то же имя листа.
Sheet Name: Portfolio
Chart's Sheet Name: Portfolio