导出Excel图表

  • 下载同时导入xlsx
npm i xlsx
import XLSX from 'xlsx'
  • 导出方法封装
import XLSX from 'xlsx'
export default {
    sheet2blob(sheet, sheetName) {
        sheetName = sheetName || 'sheet1';
        var workbook = {
            SheetNames: [sheetName],
            Sheets: {}
        };
        workbook.Sheets[sheetName] = sheet;
        // 生成excel的配置项
        var wopts = {
            bookType: 'xlsx', // 要生成的文件类型
            bookSST: false, // 是否生成Shared String Table,官方解释是,如果开启生成速度会下降,但在低版本IOS设备上有更好的兼容性
            type: 'binary'
        };
        var wbout = XLSX.write(workbook, wopts);
        var blob = new Blob([s2ab(wbout)], { type: "application/octet-stream" });
        // 字符串转ArrayBuffer
        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
        return blob;
    },
    openDownloadDialog(url, saveName) {
        if (typeof url == 'object' && url instanceof Blob) {
            url = URL.createObjectURL(url); // 创建blob地址
        }
        var aLink = document.createElement('a');
        aLink.href = url;
        aLink.download = saveName || ''; // HTML5新增的属性,指定保存文件名,可以不要后缀,注意,file:///模式下不会生效
        var event;
        if (window.MouseEvent) event = new MouseEvent('click');
        else {
            event = document.createEvent('MouseEvents');
            event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        }
        aLink.dispatchEvent(event);
    },
}
  • 最终实现
    import Export from "./Export";
    import XLSX from "xlsx";
    //导出excel
    exportExcel() {
      let title = [];
      this.tableField = {
        time: "时间",
        inFloatTotal: "入库流量(m³/s)",
        outFloatTotal: "出库流量(m³/s)",
        currentReserLevel: "库水位(m)"
      }
      for (const key in this.tableField) {
        title.push(this.tableField[key]);
      }
      var aoa = [];
      aoa.push(title);
      this.regulResultsData.forEach(item => {
        let temp = [];
        for (const key in this.tableField) {
          temp.push(item[key]);
        }
        aoa.push(temp);
      });
      console.dir(aoa);
      var sheet = XLSX.utils.aoa_to_sheet(aoa);
      Export.openDownloadDialog(
        Export.sheet2blob(sheet),
        "报表导出.xlsx"
      );
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简单、快速的导入导出Excel 一、安装依赖 推荐使用最新版本,可通过文章末尾官方文档链接跳转查看 二、Excel...
    阿靖哦阅读 3,439评论 5 26
  • 把 Excel 文件导入关系数据库是数据分析业务中经常要做的事情,但许多 Excel 文件的格式并不规整,需要事先...
    小黄鸭呀阅读 5,134评论 0 2
  • 《清晨》 在声音中亦可共饮酒杯 一支饱满于清晨的并非不宜 / 麦子和谷物 有时它还会因惯常的迟疑而走得更远 每当来...
    雨过晴川阅读 17评论 0 0
  • 这个暑假准确来说,应该是我与二宝的暑假吧。感觉日子过的特别快,每一天都陪着娃,这份依赖,让我感觉特别的甜蜜,应该...
    田小雨田小阳阅读 200评论 1 0
  • 财富是一种寄存,您不能将其全部带走;荣誉是一道亮光,您无法将其留住;成功是一颗硕果,您无法四季品尝;生命是...
    西山晚霞阅读 164评论 0 2