ECharts绘制的图形保存为图片

时间:2022-11-17 06:35:57
 

最近的项目需要导出文件,导出的文件里有数据分析图,如折线图,柱状图,散点图等。综合考虑之后,我选择了目前已经很成熟的也很流行的ECharts库。

ECharts一个纯 Javascript 的图表库,它提供了绘制各种图形的方法方法,几乎囊括了所有的二维图形,用起来也很是方便。还提供了图片下载的功能。这里我们主要说的是图片下载。下面是我找到的一些方法总结以及它们的适用情况。

1.用ECharts配置项手册中的toolbox.feature.saveAsImage

因为是自带的,不需要怎么处理,直接用就好。示例:

toolbox: {

  show: true,

  feature: {

    saveAsImage: {

    show:true,

    excludeComponents :['toolbox'],

    pixelRatio: 2

    }

  }

}

这一段一定要写在option中,这样会在图形右上角产生一个保存为图片的标识,点击即可下载图片