excelize-wasm实现在浏览器中创建excel文件并填充数据和图表效果代码-html代码-BFW代码库

excelize-wasm实现在浏览器中创建excel文件并填充数据和图表效果代码

代码语言：html

所属分类：表格

代码描述：excelize-wasm实现在浏览器中创建excel文件并填充数据和图表效果代码，可以新增sheet并填充表格、图表、图片等数据，通过js代码来操作excel电子表格，非常实用。

代码标签： excelize-wasm 浏览器创建 excel 文件填充数据图表

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html>

<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/excelize-wasm.js"></script>
</head>

<body>
    <div>
        <button onclick="download()">新建一个excel文件创建多个sheet并下载</button>
    </div>
    <script>
        function download() {
            excelizeWASM
              .init('//repo.bfw.wiki/bfwrepo/js/excelize.wasm.gz')
              .then((excelize) => {
                const f = excelize.NewFile();
                // Create a new sheet.
                const { index } = f.NewSheet('Sheet2');
                // Set value of a cell.
                f.SetCellValue('Sheet2', 'A2', 'Hello world.');
                f.SetCellValue('Sheet1', 'B2', 100);
                // Set active sheet of the workbook.
                f.SetActiveSheet(0);
                
            
  [
    [null, 'Apple', 'Orange', 'Pear'],
    ['Small', 2, 3, 3],
    ['Normal', 5, 2, 4],
    ['Large', 6, 7, 8],
  ].forEach((row, idx) => {
    const ret1 = excelize.CoordinatesToCellName(1, idx + 1);
    if (ret1.error) {
      console.log(ret1.error);
      return;
    }
    const res2 = f.SetSheetRow('Sheet1', ret1.cell, row);
    if (res2.error) {
  .........完整代码请登录后点击上方下载按钮下载查看