输出JS代码中的变量内容

一. 输出JS代码中的变量内容

1. 可以直接以提示框的形式输出

alert("输出的内容");

2. 可以输出到网页的某个位置

a. 在显示输出的位置放一个标签

<a id="out"></a>
b. 根据id获取到标签a:
var out=document.getElementById('out');
c. 设置输出的值:
out.innerHTML="输出的值";

二. Echarts中获取图片的base64编码

1. 方法:

myChart.setOption(option);
imgURL = myChart.getDataURL('png');//获取base64编码

2. 可能遇到的问题

问题:使用myChart.getDataURL('png')导出的图片没有内容,只有坐标轴或只有图例
原因:echarts图表数据动态加载的问题,Echarts图片中数据未完全加载完毕,就调用myChart.getDataURL('png')获取了图片的base64编码数据,导致解码后得到的图片内容不完整。
解决办法:设置echarts的animation选项为false,这样就可以正常将图片导出为base64编码后的数据了。
参考:https://github.com/ecomfe/echarts/issues/677

chart.setOption(option);
option.animation=false;
chart.setOption(option);                                                                                                                     
var baseUrl = chart.getDataURL("png")

posted @ 2016-09-23 17:44  会心一击  阅读(10674)  评论(0编辑  收藏  举报