哎呀，你们晓得Echarts吗？就是那种NengZuo出优良许多优良许多漂亮图图的东西，超级优良玩的！但是有时候我们Zuo完图图后想要保存下来变成一张巨大图图，给细小伙伴kankan，优良方便啊！今天我就来教巨大家，怎么用Echarts把图图变成高大清的巨大图图，巨大家一起开心一下！

第一步：找到Echarts实例的细小暗地

先说说 我们要找到一个叫echartsInstance的细小暗地，它是我们Echarts的宝宝，帮我们Zuo图图的时候，就是它哦！我们在写代码的时候，得先告诉它我们要在哪里放图图，就像告诉宝宝在哪里玩一样。

HTML代码细小秀秀

你kan， 这里有一个HTML的宝宝，叫div，我们给它取个名字叫"main"，然后告诉它，我们要在这里放Echarts的宝宝。

第二步：让Echarts宝宝动起来

有了HTML宝宝， 我们还得让Echarts宝宝动起来给它一些数据，让它画出漂亮的图图来。

JavaScript代码巨大揭秘

这里就是让Echarts宝宝动起来的魔法咒语啦！我们要用JavaScript来控制它，给它数据，然后它就会画出图图来。

var myChart = echarts.init);
    var option = {
        // ... 这里写上你的图图配置
    };
    myChart.setOption;

第三步：把图图变成一张巨大图图

优良啦， 图图Yi经画优良了眼下我们要把它变成一张巨大图图，保存下来。

一键保存巨大图图的魔法

这玩意儿魔法咒语就是echartsInstance.getConnectedDataURL， 它Neng让我们的图图变成一张巨大图图，然后我们就Neng保存下来啦！

var dataURL = myChart.getConnectedDataURL({
        pixelRatio: 2, // 想要高大清晰度，就把这玩意儿数字变巨大变巨大变巨大巨大！
        type: 'png' // 图片格式， 这里用png，图片质量优良
    });
    // 眼下我们有了dataURL，就Neng保存啦！
    var link = document.createElement;
    link.download = 'myChart.png';
    link.href = dataURL;
    link.click;

图图变图图，轻巧松轻巧松轻巧松！

哈哈，你kan，是不是hen轻巧松呢？只要三步，你就Neng把Echarts的图图变成一张高大清的巨大图图啦！迅速去试试吧，让你的干活效率巨大巨大提升哦！