Vue将echarts数据导出成excel文件

一、下载vendor插件

下载 vendor 文件放置项目的 src 目录下

链接：https://pan.baidu.com/s/1XYYQ186zomOXHXkBX6pV9g
提取码：5Gn1

二、封装导出函数

在 main.js 中加入以下代码

/*** 导出数据为excel* @param tHeader 表头 ['name', 'age']* @param tData 表内容 [{name: '张三', age: '20岁'}]* @param name 表名 '年龄表'*/
function exportDataExcel(tHeader, tData, name) {// 注意require路径为你的vendor文件路径const { export_json_to_excel } = require('@/vendor/Export2Excel');const data = tData.map(v => tHeader.map(j => v[j]))console.log(data);export_json_to_excel(tHeader, data, name);
}
// 将函数挂载到全局
Vue.prototype.exportDataExcel = exportDataExcel

三、在需要的地方整理参数后调用

exportData(){// 获取echarts数据var cityData = this.$refs.mapChart.getAtPresentData()// excel表头var tHead = ['地区', '地区编码', '线索量']// excel表体var tData = [];// excel文件名var tName = `${cityData.cityName}线索量`// 循环添加excel表体, key需跟表头对应cityData.atPresent.forEach(item => {tData.push({'地区': item.name,'地区编码': item.cityCode,'线索量': item.value})});// 导出this.exportDataExcel(tHead, tData, tName)},

四、导出结果

Vue将echarts数据导出成excel文件相关推荐

vue导出excel加一个进度条_vue项目中如何把数据导出成excel文件
Loading... 关于vue中如何把数据导出成excel文件 ### 1. 安装依赖 ``` yarn add file-saver yarn add xlsx yarn add script-l ...
Pl/sql 如何将oracle的表数据导出成excel文件？
oracle将表数据导出成excel文件的方法 1)在SQL窗体上,查询需要导出的数据 --查询数据条件--select MID,CODE,NAME from Dxc_Goods_Cate where ...
java生成excel到本地_java 将数据库中的数据导出成Excel文件并保存到本地将文件地址返回给前端...
/*** 导出数据为Excel文件 * 下面注释的代码为直接响应到服务器的 *@paramrequest *@paramresponse *@return */@GetMapping("/e ...
mysql 将数据导出成excel文件(.xls格式)
在mysql命令行下执行以下sql语句: mysql>select * from xi_table into outfile "d:\test.xls"; 一句话搞定.'d: ...
iOS 中将数据导出成Excel文件 ---- libxlsxwriter框架
1.使用cocoapods导入libxlsxwriter pod libxlsxwriter在桥接文件中导入头文件 #import <xlsxwriter.h> 2.创建文件路径 let ...
jQuery表格数据导出成Excel插件
下载地址一款能将网页上的Table表格数据导出成Excel文件的插件,这个导出插件使用jQuery代码实现的,很实用的导出Excel插件. dd:
报表如何批量导出成 excel 文件
需求说明报表展现后可以通过工具栏中的导出按钮将当前展现的报表导出成 excel 文件,但是在实际使用中通常会要求报表不需要展现,直接通过一些操作将报表导出成 excel 文件,并且往往会要求批量导出 ...
查询php 输出表格,php输出excel表格数据-PHP如何将查询出来的数据导出成excel表格（最好做......
PHP如何将查询出来的数据导出成excel表格(最好做... php 把数据导出excel表格有多种方法,使用 phpExcel 等,以下代码接通过 header 生成 excel 文件的代码示例: ...
数据导出到excel文件给客户端下载的几种方法
(原创)datagrid数据导出到excel文件给客户端下载的几种方法看到这个觉得这个人很厉害,mvp啊. 我就改成这个样子了. Response.Clear(); Respons ...

Vue将echarts数据导出成excel文件

Vue将echarts数据导出成excel文件

一、下载vendor插件

二、封装导出函数

三、在需要的地方整理参数后调用

四、导出结果

Vue将echarts数据导出成excel文件相关推荐

最新文章

热门文章