无恙的笔记1：Echarts数据视图采用jquery.table2excel.js生成Excel

最新推荐文章于 2024-05-22 11:28:57 发布

weixin_42613244

最新推荐文章于 2024-05-22 11:28:57 发布

阅读量567

点赞数

文章标签： echarts javascript jquery

本文链接：https://blog.csdn.net/weixin_42613244/article/details/128146663

版权

这篇笔记介绍了如何结合Echarts和jquery.table2excel.js库，实现从Echarts图表中导出数据到Excel。文章详细阐述了引入相关脚本、配置Echarts代码、显示toolbox、解决问题（如fileName未定义和Format is not a function错误）的过程，并展示了最终效果。

摘要由CSDN通过智能技术生成

无恙的笔记：世间万物有盛衰，人生安得常少年

Echarts数据视图采用jquery.table2excel.js生成Excel

一、引入js
二、Echarts代码
三、显示toolbox
四、效果展示
五、过程中遇到的问题
- 1.fileName 未定义
- 2.Format is not a function
五、参考文档

一、引入js

引入echart、jquery、jquery.table2excel脚本，版本自己控制即可。注意先jquery脚本后table2excel脚本。

	<script type="text/javascript" src="./js/echarts.min.js"></script>
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="./js/jquery.table2excel.js"></script>

二、Echarts代码

Echarts柱状图代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="./js/date.format.js"></script>
		<script type="text/javascript" src="./js/echarts.min.js"></script>
		<script type="text/javascript" src="./js/jquery.js"></script>
		<script type="text/javascript" src="./js/jquery.table2excel.js"></script>
		
		<style>
		html,body{
     
			width: 100%;height: 100%;
		}
		</style>
	</head>
	<body