echart 导出保存图片

var img = new Image();    img.src = myChart.getDataURL({    type:"png",    pixelRatio: 2,    backgroundColor: ‘#fff‘});

downloadWeibo(img,"微博平台-事件传播脉络",myChart.getWidth(),myChart.getHeight());
 
 
==============================================================
 
 

var  downloadWeibo=function(img,name,width,height){    console.log(img)

img.onload=function(){        var canvas=document.createElement("canvas");        console.log($(img).width());        console.log($(img).height());        canvas.width=width*2;        canvas.height=height*2;        var ctx=canvas.getContext(‘2d‘);        ctx.drawImage(img,0,0);        canvas.toBlob(function(blob) {            saveAs(                blob                , name+".png"            );        }, "image/png");    }

}
时间: 2024-11-11 03:04:57

echart 导出保存图片的相关文章

uml画图

1.用例图 操作 右键---add diagram---user case diagram 导出保存图片  file---expert diagram 2.类图 操作 右键---add diagram---class diagram 添加类 添加类属性    选中类---右键---add attribute 修改属性  双击属性 修改private 添加类方法 类似操作 类继承关系 3.对象图 用类图做对象图 4.组件图 虚线表示依赖 操作 右键---add diagram---componen

EChart整合JasperReport在struts2环境中导出

EChart是百度前端团队开发的一个图表展示控件,功能很全,效果很炫,可以直接百度到各种教程和资源. JasperReport是Java中处理报表的一种方式,配合iReport工具可以进行可视化的报表开发,也比较方便. 下面主要是一个小小的实例. 项目工程和jar包截图如下,其中jar包的截图是多于实际需要的jar的 下面开始步骤讲解: 首先是前端的jsp显示: echart_export.jsp <%@ page language="java" import="jav

Jxl、JxCell图表导出功能的实现

最近接触过许多报表导出功能,也用过多种工具进行导出功能的实现,但对于图表的导出一直没有仔细的去展开研究和探讨,直到最近略微整理了下这方面的需求和技术攻克. 首先导出excel功能的实现主要有JXL.JXCELL.POI等工具.目前只实现了JXL和JXCELL. JXL: 先介绍下JXL: jxl是一个韩国人写的java操作excel的工具, 在开源世界中,有两套比较有影响的API可 供使用,一个是POI,一个是jExcelAPI.其中功能相对POI比较弱一点.但jExcelAPI对中文支持非常好

杂项收集,包括-发邮件、二维码生成、文件下载、压缩、导出excel

本篇就最近工作解决的问题做个代码收集.包括以下几个方面:发邮件.二维码生成.文件下载.压缩.导出excel.有一种可用的解决方法就好,不求全面,不求原理. 1.发邮件: 命名空间:System.Net.Mail程序集:System(在 system.dll 中) tips: MailMessage 类的实例用于构造可使用 SmtpClient 类传输到 SMTP 服务器以便传递的电子邮件. 若要指定电子邮件的发件人.收件人和内容,请使用 MailMessage 类的关联属性.一般需要注意的有 发

Echart使用心得

1.  EChart最新的文档目录. 首先创建一个解决方案,目录如下: 之前的一篇文章中讲到如果要使用Echarts还要下载相关的ZRender的渲染包,最新的版本已经将这些合并在一起了,只需要引用图中红框标注的echarts文件夹下的文件即可.各文件的作用如下: l  Echarts-map.js :主要用来渲染跟地图相关 l  Echarts.js :基本的常规图形相关 l  Esl.js :图像引擎 Statics文件夹下的ECharts.js文件,为我自己抽象总结出来的用于Echarts

导出网页内容

折腾了一天的导出报表工作,最终还是用了jspdf插件,路程虽为坎坷,但是学习了不少. 首先,页面中有表格,有echart图表,初步尝试jspdf 导出会有部分缺失,失败了.考虑用 window.print(),虽然原始,但是很好用. 优点:1.有滚动条,滚动条以下内容也可打印. 2.打印出来排版正常,样式不会丢失. 缺点:eachart 图表,没能被打印.(样例代码如下) <html> <head> <title>div print</title> <

纯前端导出pdf文件

纯前端js导出pdf,已经用于生产环境. 工具: 1.html2canvas,一种让html转换为图片的工具. 2.pdfmake或者jspdf ,一种生成.编辑pdf,并且导出pdf的工具. pdfmake:http://pdfmake.org 优点: 能够支持中文,具有部分自适应布局功能,需要vfs_fonts.js字体文件. 缺点:支持中文的vfs_fonts.js文件一般较大. 如果图片过大,不会自动分页. 生成vfs_fonts.js文件的方法如图,npm install pdfmak

微信小程序导出当前画布指定区域的内容并生成图片保存到本地相册(canvas)

最近在学小程序,在把当前画布指定区域的内容导出并生成图片保存到本地这个知识点上踩坑了. 这里用到的方法是: wx.canvasToTempFilePath(),该方法作用是把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径.(详情 看文档) 这里先来分析一下这句话:导出当前画布指定区域的内容并生成图片 .这里以画一个矩形并将该矩形保存到本地相册为例. 首先我们要做的是先在画布上画一个矩形,其次是利用 wx.canvasToTempFilePath()方法导出画布指定区域的内容,这里当

利用jQuery-Word-Export导出word (含表格,ECharts)

写在前面的话:写博客的初衷是想把自己学到的知识总结下来,在写的过程中,相当于又把知识梳理了一遍.我坚信有输入,有输出,技术才会进步.我一般都会自己写一个小demo,测试没有问题,再进行整理. 在实际做项目的过程中,遇到问题,也是各种查,所以很感谢把知识分享出来的人,而我也愿意把我在项目中遇到的问题写下来,一来是巩固自己的知识点,二来如果能帮助到别人,那就更好啦. 我写的有些方法,看来有些笨,我也会继续探索和研究.如有更好的方法,可以一起交流. 正文开始~~~~ 一.jQuery-Word-Exp