外部保存echars图片

最新推荐文章于 2024-01-12 09:45:43 发布

jztr

最新推荐文章于 2024-01-12 09:45:43 发布

阅读量665

点赞数

文章标签： js 图片

//传递图表容器id
function downloadImpByChart(chartId){
        var myChart = echarts.getInstanceByDom(document.getElementById(chartId));
        var url = myChart.getConnectedDataURL({
            pixelRatio: 5,　　//导出的图片分辨率比率,默认是1
            backgroundColor: '#fff',　　//图表背景色
            excludeComponents:[　　//保存图表时忽略的工具组件,默认忽略工具栏
                'toolbox'
            ],
            type:'png'　　//图片类型支持png和jpeg
        });
        var $a = document.createElement('a');
        var type = 'png';
        $a.download = myChart.getOption().title[0].text + '.' + type;
        $a.target = '_blank';
        $a.href = url;
        // Chrome and Firefox
        if (typeof MouseEvent === 'function') {
            var evt = new MouseEvent('click', {
                view: window,
                bubbles: true,
                cancelable: false
            });
            $a.dispatchEvent(evt);
        }
        // IE
        else {
            var html = ''
                + '<body style="margin:0;">'
                + '<img src="' + url + '" style="max-width:100%;" title="' +  myChart.getOption().title[0].text + '" />'
                + '</body>';
            var tab = window.open();
            tab.document.write(html);
        }
    };


http://www.wosoni.com/cnblogs-chunyangji-p-5818322.html

jztr

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
外部保存echars图片

//传递图表容器idfunction downloadImpByChart(chartId){ var myChart = echarts.getInstanceByDom(document.getElementById(chartId)); var url = myChart.getConnectedDataURL({ pixelRati
复制链接

扫一扫