Jquery 创建不显示图表的pdf #图1-top>div{ 显示：无； } 导出为PDF var app=angular.module（'myApp'，['zingchart-angularjs']）； 应用控制器（'MainController'，功能（$scope）{ var a=5； var b=4； var c=angular.element（$（'#value'））.val（）； var d=16； 变量e=2； $scope.myJson={ 键入：“行”， 系列：[ {值：[a，b，c，d，e]}， ] }; }); var doc=new jsPDF（）； var specialElementHandlers={ “#编辑器”：函数（元素、渲染器）{ 返回true； } }; $（“#提交”）。单击（函数（）{ doc.fromHTML（$（'#content'）.html（），15,15，{ “宽度”：190， “elementHandlers”：specialElementHandlers }); doc.save（'sample-page.pdf'）； });
嗨，这是我们试图使用angular js生成图表的代码。Jquery 创建不显示图表的pdf #图1-top>div{ 显示：无； } 导出为PDF var app=angular.module（'myApp'，['zingchart-angularjs']）； 应用控制器（'MainController'，功能（$scope）{ var a=5； var b=4； var c=angular.element（$（'#value'））.val（）； var d=16； 变量e=2； $scope.myJson={ 键入：“行”， 系列：[ {值：[a，b，c，d，e]}， ] }; }); var doc=new jsPDF（）； var specialElementHandlers={ “#编辑器”：函数（元素、渲染器）{ 返回true； } }; $（“#提交”）。单击（函数（）{ doc.fromHTML（$（'#content'）.html（），15,15，{ “宽度”：190， “elementHandlers”：specialElementHandlers }); doc.save（'sample-page.pdf'）； });,jquery,angularjs,pdf,charts,jspdf,Jquery,Angularjs,Pdf,Charts,Jspdf,嗨，这是我们试图使用angular js生成图表的代码。 但当我们点击生成pdf按钮时，图表不会显示在pdf上。pdf显示为空白，没有图表。我想在pdf上显示图表，我认为fromHTML是异步的，因此请尝试以下方法： <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> <script src="https://cdnjs.cloudf
但当我们点击生成pdf按钮时，图表不会显示在pdf上。pdf显示为空白，没有图表。我想在pdf上显示图表，我认为fromHTML是异步的，因此请尝试以下方法：
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<script src="http://cdn.zingchart.com/angular/zingchart-angularjs.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
<style>
#chart-1-top > div {
display: none;
}
</style>
<body ng-app="myApp">
<div ng-controller="MainController" id="content">
<input type="hidden" id="value" value="3">
<div zingchart id="chart-11" zc-json="myJson" zc-width="100%" zc-height="568px"></div>
</div>
<button id="submit">Export to PDF</button>
</body>
<script>
var app = angular.module('myApp',['zingchart-angularjs']);
app.controller('MainController', function($scope){
var a=5;
var b=4;
var c=angular.element($('#value')).val();
var d=16;
var e=2;
$scope.myJson = {
type : 'line',
series : [
{ values : [a,b,c,d,e] },
]
};
});
</script>
<script>
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
$('#submit').click(function () {
doc.fromHTML($('#content').html(), 15, 15, {
'width': 190,
'elementHandlers': specialElementHandlers
});
doc.save('sample-page.pdf');
});
</script>
doc.fromHTML($('#content').html(), 15, 15, {
'width': 190,
'elementHandlers': specialElementHandlers
}, function() {
doc.save('sample-page.pdf');
});