echarts图表截图保存成word文件的方法

1.全局引入filesave.js，jquery-3.4.1.js，jquery.wordexport.js文件

2.代码如下：

//先clone来避免影响页面显示，获取页面id
var clone = $('#'+divid).clone();

//找到echarts图表容器,获取包裹图表的id
var charts = clone.find('#'+chartsid);

//拿到echarts实例

var curEchart = echarts.getInstanceByDom(charts[0]);

if(curEchart) {
       //将图表替换为图片
       var base = curEchart.getDataURL({
           pixelRatio: 2,
           backgroundColor: '#fff'
       });
       var img = $('<img style="background-color:#fff;" src="' + base + '"/>');

//图片写入页面
$(charts[0]).html(img);
}

注意：此方法有一个问题没有解决，当包裹echarts的div给的样式宽度过大导出来的图片是模糊的，改变包裹的div宽度可以解决，但是不是最终要的结果因为展示的样式不能变，我在克隆一遍的div中改了宽度但是不好使，有没有大佬知道在不改变原来div宽度的基础上该怎样解决此问题？

echarts图表截图保存成word文件的方法相关推荐

各种格式文件ocr成word文件的方法
各种格式文件ocr成word文件的方法你还在为不同格式的文件怎么变成word文件发愁吗?各种识别软件各有缺陷,识别效率低,让你痛苦不堪,有的只能识别字,对表格和图形无能为力,识别完了,版面乱七八糟, ...
各种格式文件转换成word文件的方法
本文针对各种情况下文字识别进行总结,电脑技巧帮助大家掌握正确方法,节省时间,本文给出了所有情况下全文件表格.图形.文字识别的完美解决方案: 1.PDF文件的识别: 1)文件可以直接识别的(以文本形式保 ...
将echarts图表数据导出成表格
这次开发,产品让实现echarts图表上加个导出按钮,需要导出成excel表格.如图所示: 开始一点思路都没有,百度了之后找到一个我个人觉得很不错的方法.上代码: 首先肯定是写按钮,给按钮加点击导出事 ...
python pandas 把数据保存成csv文件，以及读取csv文件获取指定行、指定列数据
文章目录: 1 数据说明 2 把数据集文件信息使用python pandas保存成csv文件 3 使用python pandas 读取csv的每行.每列数据 1 数据说明 1.在test_data目录 ...
tcpdump抓包ftp协议_tcpdump抓包并保存成cap文件
首选介绍一下tcpdump的常用参数 tcpdump采用命令行方式,它的命令格式为: tcpdump [ -adeflnNOpqStvx ] [ -c 数量 ] [ -F 文件名 ] [ -i 网络接 ...
【转】DCMTK开源库的学习笔记1：将DCM文件保存成BMP文件或数据流（即数组）
转自:https://blog.csdn.net/zssureqh/article/details/8784980 DCMTK开源库介绍: DCMTK是目前最全面实现DICOM3.0标准的开源库,通过 ...
如何恢复Mac上未保存的Word文件？
一般来说,mac上重要的Word文件丢失有以下两种可能: 1)当Word卡死无响应时,用户采取强制退出的方式来结束应用,2)文件没有保存就结束.如果不想再花数天甚至更长的时间去重写文章,这时你需要想办 ...
和讯网债券数据Python爬取保存成CSV文件之一
本文讲述国债数据使用python爬取的方式,并将得到的数据保存成CSV文件以日期命名,方便后期处理. 具体代码如下所示: import requests from bs4 import Beautif ...
使用SaveFileDialog将DataTable文件保存成csv文件
使用SaveFileDialog将DataTable文件保存成csv文件 public static bool SaveDatatableToCSV(DataTable dt){bool create ...

echarts图表截图保存成word文件的方法

echarts图表截图保存成word文件的方法相关推荐

最新文章

热门文章