怎么把echarts图表导出PDF格式

如何将Echarts的图表导出到PDF~

在文档里修改好参数后option放到你的前端代码中。
就OK啦

HTML代码：





样品名称：





检测时间：


<input class="easyui-validatebox" required="required" id="testTime" name="testTime" style="width: 128px;"
class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM'})"
readonly="true" style="width: 125">






<a href="javascript:void(0)" id="mxbutton"
class="easyui-linkbutton" iconCls="icon-search" onclick="get()">查询
<a href="javascript:void(0)" id="reastbutton"
class="easyui-linkbutton" iconCls="icon-reload"
onclick="rest();">重置








JS代码：
function get() {
//折线图
lineChart = echarts.init(document.getElementById("line"));
var lineChartOtion = getLineChartOption();
lineChart.setOption(lineChartOtion);
}

//获得Line图的选项和数据
function getLineChartOption() {
var lineChartOption = {
title : {
text : "吸光度/抑制率", //报表标题
subtext : "对比" //报表副标题
},
//提示框,鼠标悬浮交互时的信息提示
tooltip : {
trigger : "axis",//触发类型，默认数据触发,可选为：'item' | 'axis'
backgroundColor:'rgba(0,0,0,0.7)',
formatter: function(params,ticket,callback) { //自定义的提示框内容

var res = ' 样品合格率 :';
var aa=null;
for (var i = 0, l = params.length; i < l; i++) {
aa=params[i][2],
res += '' + params[i][0] + ' : ' + reportchardata(aa);
}
setTimeout(function(){
// 仅为了模拟异步回调
callback(ticket, res);
}, 0);
return 'loading';
}
},
//图例，每个图表最多仅有一个图例
legend : {
data : [ "吸光度", "抑制率" ]
//上面显示的那两个要生成的图 *必须要和下面的数据是一样的。多了空格都不可以
},
//工具箱，每个图表最多仅有一个工具箱
toolbox : {
show : true,
feature : {
magicType : [ "line", "bar" ],
restore : true,
saveAsImage : true
}
},

dataZoom : {//x轴时间滑动条
show : true,
realtime : true,
start :0,
end : 100
},

//是否启用拖拽重计算特性，默认关闭
calculable : true,
xAxis : [ {
type : "category", //坐标轴类型，横轴默认为类目型"category"，纵轴默认为数值型"value"
//boundaryGap : false, //如果生成的报表是柱图，这个属性不要，如果是折线图加上
//data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
data:fetchXname() //动态获取X轴的数据
} ],
yAxis : [ {
type : "value", //坐标轴类型，横轴默认为类目型"category"，纵轴默认为数值型"value"
axisLabel : { //坐标轴文本标签
formatter : "{value} %"
},
splitNumber : 20,
splitArea : {
show : true
}
//分隔区域，默认不显示，属性show控制显示与否
} ],
//驱动图表生成的数据内容数组，数组中每一项为一个系列的选项及数据，其中个别选项仅在部分图表类型中有效
series : [ {
name : "吸光度",
type : "bar", //bar表示生成的是柱状图,line表示生成的是折线图
itemStyle : {
normal : {
lineStyle : {
shadowColor : "rgba(0,0,0,0.4)"
}
}
},
data : fetchNpAbs() //动态获取数据
}, {
name : "抑制率",
type : "bar",
itemStyle : {
normal : {
lineStyle : {
shadowColor : "rgba(0,0,0,0.4)"
}
}
},
data : fetchNpYzl() //动态获取数据
} ]
};
return lineChartOption;
}

function fetchXname() {
var arr = new Array();
$("#form").form("validate");
var url = "reportProductAction.do?method=getChart";
var param={
"samName" :$("#samNameTree").combotree("getValue"),
"testTime":$("#testTime").val()
};
$.ajax({
url : url,
type : "post",
data : param,
dataType : "json",
async : false,
success : function(data) {
//调用函数获取值，转换成数组模式
if (data != null) {
var ss = eval(data);
for ( var i = 0; i < ss.length; i++) {
arr.push(ss[i].testTime);
}
}
}
});
return arr;
}

//npAbs;// 吸光度
function fetchNpAbs() {
var arr = new Array();
var url = "reportProductAction.do?method=getChart";
var param={
"samName" :$("#samNameTree").combotree("getValue"),
"testTime":$("#testTime").val()
};
$.ajax({
url : url,
type : "post",
data : param,
dataType : "json",
async : false,
success : function(data) {
//调用函数获取值，转换成数组模式
if (data != null) {
var ss = eval(data);
for ( var i = 0; i < ss.length; i++) {
arr.push(ss[i].npAbs);
}
}
}
});
return arr;
}

//npYzl;// 抑制率
function fetchNpYzl() {
var arr = new Array();
$("#form").form("validate");
var url = "reportProductAction.do?method=getChart";
var param={
"samName" :$("#samNameTree").combotree("getValue"),
"testTime":$("#testTime").val()
};
$.ajax({
url : url,
type : "post",
data : param,
dataType : "json",
async : false,
success : function(data) {
//调用函数获取值，转换成数组模式
if (data != null) {
var ss = eval(data);
if (ss.length == 0) {
lineChart.dispose();
showmsg("没有相关数据,请重新查询~~！");

使用虚拟打印机来处理：
方法一：使用虚拟打印机pdf factory即可，而且其他格式文件只要是能够打印，选择这个虚拟打印机，都可以做成PDF文件，很简单实用；
方法二：用其他虚拟打印机转成PDF文件。

---

钦州市17577173577： 如何将Echarts的图表导出到PDF - ？
驷仇盐酸： 可以使用虚拟打印机来处理:方法一:使用虚拟打印机pdf factory即可,而且其他格式文件只要是能够打印,选择这个虚拟打印机,都可以做成PDF文件,很简单实用;方法二:用其他虚拟打印机转成PDF文件.方法三:使用专门的转换软件,把文件转成PDF文件.

钦州市17577173577： echarts做的图形可以打印成pdf吗 - ？
驷仇盐酸： 所有打不了的东西都可以截成图片打印

钦州市17577173577： 如何导出echarts可视化图表的代码 - ？
驷仇盐酸： 在文档里修改好参数后option放到你的前端代码中.就OK啦

钦州市17577173577： 如何将较大的Excel 图表整张转换成PDF??? 不要有自动分页的. - ？
驷仇盐酸： 分页预览中先将系统自动划分的页面调整到一页中.然后再转换成PDF即可.

钦州市17577173577： 怎样把EXCEL中的内容输出为PDF格式的图片? - ？
驷仇盐酸： excel 本身提供此功能,但是还是大部分人不知道怎么操作 1. 打开excel工作簿2. F12 调出另存为对话框3. 保存类型选择PDF 就可以了

钦州市17577173577： 关于echarts图表数据的转换,怎么输出固定格式得数据 - ？
驷仇盐酸： 你可以将xls文件(表格)复制,然后在CDR中粘贴.. 1、你须在Excel中将字体、颜色、粗细、大小都设定好,再复制.. 2、粘贴到CDR中之后,你可以将xls图表输出成WMF格式,再输入进来..即可得到矢量的表格了.

钦州市17577173577： echarts图表储存pdf模糊了怎么办 - ？
驷仇盐酸： 使用虚拟打印机来处理:方法一:使用虚拟打印机pdf factory即可,而且其他格式文件只要是能够打印,选择这个虚拟打印机,都可以做成PDF文件,很简单实用;方法二:用其他虚拟打印机转成PDF文件.

钦州市17577173577： 如何将Echarts的表格导出成Excel格式? - ？
驷仇盐酸： 那就粘贴到QQ里面,再直接另存为jpg格式,这样会比在画板里清晰一些 建议把EXCEL中的表格放大一些来复制粘贴图片,这样导出来的图片分辨率会高很多.

钦州市17577173577： 请问echarts 图表已经完成,怎么样将这个图导出到excle表格?谢谢 - ？
驷仇盐酸： class A { public A() { Console.WriteLine(＂ new A＂); } } Type t = Type.GetType(＂A＂); System.Reflection.ConstructorInfo ctor = t.GetConstructor(System.Type.EmptyTypes); A a = (A)ctor.Invoke(null);

钦州市17577173577： 怎样将PCB板图转换成PDF文件格式 - ？
驷仇盐酸： 1.在PCB界面的菜单栏选择File》Smart PDF,如图:2.出现的对话框选择NEXt,如图:3.若是只将PCB生成PDF,选择第二栏,然后选择保存路径,如图:4.之后OK即可,如图: