jquery选择器-canvasjs与echarts
canvasjs允许以简单的方式将图形导出为pdf: 我也在尝试同样的方法,但我不知道如何正确地采用上面JSFIDLE中的第21行。正确的jquery选择器是什么jquery选择器-canvasjs与echarts,jquery,canvasjs,echarts,Jquery,Canvasjs,Echarts,canvasjs允许以简单的方式将图形导出为pdf: 我也在尝试同样的方法,但我不知道如何正确地采用上面JSFIDLE中的第21行。正确的jquery选择器是什么 <div id="main" style="width: 750px;height:500px;"></div> <script type="text/javascript"> // based on prepared DOM, initialize echarts
<div id="main" style="width: 750px;height:500px;"></div>
<script type="text/javascript">
// based on prepared DOM, initialize echarts instance
var myChart = echarts.init(document.getElementById('main'));
// specify chart configuration item and data
var
option = {
color: ['#3398DB'],
tooltip : {
trigger: 'axis',
axisPointer : {
type : 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'Salami',
type:'bar',
barWidth: '60%',
data:[10, 52, 200, 334, 390, 330, 220]
}
]
};
// use configuration item and data specified to show chart
myChart.setOption(option);
//console.log(dataURL);
var canvas = $("#main .").get(0);
var dataURL = canvas.toDataURL();
//console.log(dataURL);
$("#exportButton").click(function(){
var pdf = new jsPDF();
pdf.addImage(dataURL, 'JPEG', 0, 0);
pdf.save("download.pdf");
});
</script>
<button id="exportButton" type="button">Export as PDF</button>
//基于准备好的DOM,初始化echarts实例
var myChart=echarts.init(document.getElementById('main');
//指定图表配置项和数据
变量
选项={
颜色:['#3398DB'],
工具提示:{
触发器:“轴”,
轴指针:{
类型:“阴影”
}
},
网格:{
左:“3%”,
对:"4%",,
底部:“3%”,
标签:正确
},
xAxis:[
{
类型:'类别',
数据:[周一、周二、周三、周四、周五、周六、周日],
axisTick:{
alignWithLabel:true
}
}
],
亚克斯:[
{
类型:“值”
}
],
系列:[
{
姓名:'Salami',
类型:'bar',
条形宽度:“60%”,
数据:[10,52,200,334,390,330,220]
}
]
};
//使用指定的配置项和数据显示图表
myChart.setOption(选项);
//log(dataURL);
var canvas=$(“#main”).get(0);
var dataURL=canvas.toDataURL();
//log(dataURL);
$(“#导出按钮”)。单击(函数(){
var pdf=新的jsPDF();
pdf.addImage(数据URL,'JPEG',0,0);
pdf.save(“download.pdf”);
});
导出为PDF
这是我的解决方案:
var canvas = $("#main canvas").get(0);
$(document).ready(function(){
$("#exportButton").click(function(){
var dataURL = canvas.toDataURL("image/jpeg", 1.0);
var pdf = new jsPDF();
pdf.addImage(dataURL, 'JPEG', 0, 0);
pdf.save("download.pdf");
});
});
这是我的解决方案:
var canvas = $("#main canvas").get(0);
$(document).ready(function(){
$("#exportButton").click(function(){
var dataURL = canvas.toDataURL("image/jpeg", 1.0);
var pdf = new jsPDF();
pdf.addImage(dataURL, 'JPEG', 0, 0);
pdf.save("download.pdf");
});
});