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