输出JS代码中的变量内容

版权声明：版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lijingjingchn/article/details/83020983

一. 输出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")