Обозначение пользовательских данных с богатым текстом для точки графика через JavaScript с помощью C++
Contents
[
Hide
]
Вы можете использовать Aspose.Cells для создания богатых пользовательских меток данных для точек диаграммы. Aspose.Cells предоставляет метод ChartTextFrame.characters(number, number), который возвращает объект FontSetting, который можно использовать для установки свойств шрифта текста, таких как цвет, жирность и т. д.
Многострочная пользовательская подпись данных точки диаграммы
Следующий код получает первую точку диаграммы первой серии, устанавливает ее текст и затем задает шрифт первых 10 символов, задавая их цвет красным и делая их жирными — true.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Aspose.Cells Example</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, Utils } = 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 resultDiv = document.getElementById('result');
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
resultDiv.innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Creating a Workbook from the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Access first worksheet
const worksheet = workbook.worksheets.get(0);
// Access the first chart inside the sheet
const chart = worksheet.charts.get(0);
// Access the data label of first series first point
const dlbls = chart.nSeries.get(0).points.get(0).dataLabels;
// Set data label text
dlbls.text = "Rich Text Label";
// Set the font setting of the first 10 characters
const fntSetting = dlbls.characters(0, 10);
const font = fntSetting.font;
font.color = AsposeCells.Color.Red;
font.isBold = true;
// Save the workbook and provide a download link
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output_out.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
resultDiv.innerHTML = '<p style="color: green;">Data label updated successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>