vue项目如何用XLSX.js导出柱状图到excel
时间: 2023-05-16 07:06:01 浏览: 82
您可以使用以下代码将柱状图导出到Excel:
```javascript
// 引入xlsx.js
import XLSX from 'xlsx';
// 创建一个工作簿
const wb = XLSX.utils.book_new();
// 创建一个工作表
const ws = XLSX.utils.json_to_sheet([
{ name: 'John', score: 90 },
{ name: 'Jane', score: 80 },
{ name: 'Bob', score: 70 },
]);
// 创建一个柱状图
const chart = {
'!ref': 'A1:B4',
'!type': 'chart',
'!chart': {
'type': 'bar',
'title': { 'name': 'Scores' },
'series': [
{ 'name': 'Score', 'values': ['Sheet1', 0, 1, 3] },
],
'axes': {
'category': { 'title': { 'name': 'Name' } },
'value': { 'title': { 'name': 'Score' } },
},
},
};
// 将柱状图添加到工作表
ws['!chart'] = chart;
// 将工作表添加到工作簿
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
// 导出工作簿到Excel文件
XLSX.writeFile(wb, 'scores.xlsx');
```
这段代码将创建一个包含柱状图的工作表,并将其导出到名为“scores.xlsx”的Excel文件中。
阅读全文