js调用echarts getImage方法 将图表转换为img

Posted dongxiaolei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js调用echarts getImage方法 将图表转换为img相关的知识,希望对你有一定的参考价值。

技术分享
function chart(opt,id,chartName){//配置option的方法
    var chartName = echarts.init(document.getElementById(id));
    chartName.setOption(opt);
    window.onresize = chartName.resize;
   window.setTimeout(function(){
       $(".indexCon1-filter a").on(‘click‘,function(){
           var _body=$("body");
           chartName.animation="false";
           var picInfo = chartName.getImage();//picInfo为echarts图表转换后的img标签
           $(picInfo).addClass("canvasImg");
           if(!_body.hasClass("cImg")){
               _body.addClass("cImg")
           }
           $("#"+id).html(picInfo);
       })
   });
}
View Code

 

以上是关于js调用echarts getImage方法 将图表转换为img的主要内容,如果未能解决你的问题,请参考以下文章

JS 折线图

Webview+echarts实现Android图表

JS调用ECharts报错Dom’s width & height should be ready before init.

使用jqPrint.js调用浏览器打印界面,打印网页中的某一部分该部分含有ECharts图表

JS调用ECharts报错Dom’s width & height should be ready before init.

ECharts3 怎么加载 china.js 地图