Cambiar la dirección de las etiquetas de marcas de graduación con JavaScript vía C++
Contents
[
Hide
]
Cambiar la dirección de la etiqueta del eje
Aspose.Cells te permite cambiar la dirección de las etiquetas de marcas en el gráfico usando la propiedad TickLabels.directionType. La propiedad TickLabels.directionType acepta el valor de enumeración ChartTextDirectionType. La enumeración ChartTextDirectionType proporciona los siguientes miembros:
- Horizontal
- Vertical
- Rotar 90
- Rotar 270
- Apilado
La siguiente imagen compara los archivos de origen y de salida
Imagen del archivo de origen
Imagen del archivo de salida
El siguiente fragmento de código cambia la dirección de las etiquetas de las marcas de verificación de Rotar90 a Horizontal.
Código de muestra
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Change Tick Label Direction Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;"></a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, ChartTextDirectionType } = 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');
const result = document.getElementById('result');
if (!fileInput.files.length) {
result.innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
const workbook = new Workbook(new Uint8Array(arrayBuffer));
const worksheet = workbook.worksheets.get(0);
const chart = worksheet.charts.get(0);
chart.categoryAxis.tickLabels.directionType = ChartTextDirectionType.Horizontal;
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'outputChangeChartDataLableDirection.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Excel File';
result.innerHTML = '<p style="color: green;">Tick label direction changed. Click the download link to get the modified file.</p>';
});
</script>
</html>
Los archivos de origen y de salida se pueden descargar desde los siguientes enlaces.