echarts表格绘制入门demo，base64图片post请求上传到服务器，servlet接收上传图片，excel表格写入图片，servlet文件下载

最新推荐文章于 2023-10-17 09:35:26 发布

a523207

最新推荐文章于 2023-10-17 09:35:26 发布

阅读量466

点赞数

分类专栏： java基础

本文链接：https://blog.csdn.net/a523207/article/details/85249741

版权

这篇博客介绍了如何使用Echarts进行表格绘制的入门示例，并详细讲解了如何将Base64编码的图片通过POST请求上传到服务器，利用Servlet接收并解析成图片，进一步将图片写入Excel表格，最后实现文件的下载功能。

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

echarts表格绘制入门demo，base64图片post请求上传到服务器，servlet接收上传图片，excel表格写入图片，servlet文件下载。

完整项目地址：https://download.csdn.net/download/a523207/10875578

echarts表格绘制入门demo：

导入jar包：（可以在官网下载）

<script type="text/javascript">
		var imagesBase64 = "";
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('main'));
		// 指定图表的配置项和数据
		var option = {
			title : {
				text : 'ECharts 入门示例'
			},
			animation : false,
			tooltip : {},
			legend : {
				data : [ '销量' ]
			},
			xAxis : {
				data : [ "衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子" ]
			},
			yAxis : {},
			series : [ {
				name : '销量',
				type : 'bar',
				data : [ 5, 20, 36, 10, 10, 20 ]
			} ]
		};

		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
		//echarts自带的获取图形的base64方法,使用全局变量接收
		imagesBase64 = myChart.getDataURL();

		$("#export_confirm").on("click", function() {
			var url = "http://localhost:8080