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