echarts 统计图如何实现打印导出

为方便用户能够更好的在报表中使用 Echarts 图形，润乾报表 5 提供了对 Echarts 图形的导出与打印。但导出与打印依赖于 slimerjs 和 firefox，因此使用导出与打印前需要先按照如下步骤将环境先部署好，具体操作如下： 

第一步：获取并安装 slimerjs

步骤1:获取slimerjs安装包

用户可以通过两个途径获取安装包：

(1) 报表自带安装包【安装根目录】\report5\web\webapps\demo\raqsoft\slimerjs-0.10.3.zip；

(2) 用户自己在 slimerjs 官方网站

步骤 **2:** 安装

将 zip 安装包解压到电脑硬盘中即可，不同操作系统安装方法都一样。

第二步：安装 firefox

从 firefox 官方网站

目前 slimerjs 只能支持 firefox 38-52 或者更低版本，所以不要下载安装最新版本。以后新版 slimerjs 可能会支持更高的 firefox 版本。

以下是更低版本下载建议地址：

firefox49.0 版：

firefox50.0 版：

第三步：设置环境变量

*在windows操作系统下：

以下环境变量配置过程以 win10 系统为例

1. 在资源管理器中鼠标右键点击“此电脑”，选择属性，弹出如下窗口：

2. 点击高级系统设置，弹出窗口后点击环境变量，再弹出如下窗口：

3. 选择新建环境变量，在弹出窗口中设置变量名为 SLIMERJSLAUNCHER，变量值为 firefox 的安装路径。

**   *在linux/MacOS** 操作系统下：

在命令行执行如下命令：变量值为 firefox 执行文件的全路径。

export SLIMERJSLAUNCHER=/usr/bin/firefox

  用户也可以在本机的.profile 或者.bashrc 文件中设置此环境变量 

第四步：复制 calcEcharts.js

如果用户是在 slimerjs 官方网站下载的安装包则需要在安装报表以后找到【安装根目录 \report5\web\webapps\demo\raqsoft\calcEcharts.js 文件，然后复制到 slimerjs 的安装目录下。

注：若使用报表系统提供的 slimerjs 安装包，不必进行此步操作。

第五步：授权文件可执行权限

注：windows 中不需要此步操作

在命令行中进入到 slimerjs 的安装目录，然后执行如下命令：

chmod 777 ./slimerjs

chmod 777 ./calcEcharts.js

第六步：IDE 配置

打开报表，【菜单栏 - 工具 - 选项】打开文件配置窗口，然后设置 slimerjs 的安装目录。

第七步：Web 应用配置

在 WEB-INF/raqsoftConfig.xml 中增加了两项配置。

1、slimerjsDir 配置 slimerjs 的安装目录。

注：未配置此项，应用不具备打印和导出 echarts 的功能。

2、echartsJSUrlPrefix 配置 echarts 图形的 js 所在的父目录的访问地址，即下图中所示的 raqsoft 目录：

用户可以将其配置成文件绝对路径的形式，也可以配成 http 方式。

注：当应用以 war 包方式发布时，必须配置此项，且必须配置成 http 方式。

不是以 war 包方式发布时，可以不用配置此项，程序会自动设置此项。

配置完成后需要重启电脑生效!!!

作者：IBelieve
链接：
来源：乾学院
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。