echarts統(tǒng)計圖怎么實現(xiàn)打印導(dǎo)出

這篇文章主要介紹echarts統(tǒng)計圖怎么實現(xiàn)打印導(dǎo)出，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

具體操作如下： 

第一步：獲取并安裝 slimerjs

步驟1:獲取slimerjs安裝包

用戶可以通過兩個途徑獲取安裝包：

(1) 報表自帶安裝包【安裝根目錄】\report5\web\webapps\demo\raqsoft\slimerjs-0.10.3.zip；

(2) 用戶自己在 slimerjs 官方網(wǎng)站 https://slimerjs.org/download.html 下載

步驟 **2:** 安裝

將 zip 安裝包解壓到電腦硬盤中即可，不同操作系統(tǒng)安裝方法都一樣。

第二步：安裝 firefox

從 firefox 官方網(wǎng)站 http://www.firefox.com.cn/download/ 下載安裝與操作系統(tǒng)對應(yīng)版本的火狐瀏覽器即可。

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

以下是更低版本下載建議地址：

firefox49.0 版： http://ftp.mozilla.org/pub/firefox/releases/49.0/

firefox50.0 版： http://ftp.mozilla.org/pub/firefox/releases/50.0/

第三步：設(shè)置環(huán)境變量

*在windows操作系統(tǒng)下：

以下環(huán)境變量配置過程以 win10 系統(tǒng)為例

1. 在資源管理器中鼠標(biāo)右鍵點擊“此電腦”，選擇屬性，彈出如下窗口：

2. 點擊高級系統(tǒng)設(shè)置，彈出窗口后點擊環(huán)境變量，再彈出如下窗口：

3. 選擇新建環(huán)境變量，在彈出窗口中設(shè)置變量名為 SLIMERJSLAUNCHER，變量值為 firefox 的安裝路徑。

**   *在linux/MacOS** 操作系統(tǒng)下：

在命令行執(zhí)行如下命令：變量值為 firefox 執(zhí)行文件的全路徑。

export SLIMERJSLAUNCHER=/usr/bin/firefox

  用戶也可以在本機的.profile 或者.bashrc 文件中設(shè)置此環(huán)境變量 

第四步：復(fù)制 calcEcharts.js

如果用戶是在 slimerjs 官方網(wǎng)站下載的安裝包則需要在安裝報表以后找到【安裝根目錄 \report5\web\webapps\demo\raqsoft\calcEcharts.js 文件，然后復(fù)制到 slimerjs 的安裝目錄下。

注：若使用報表系統(tǒng)提供的 slimerjs 安裝包，不必進(jìn)行此步操作。

第五步：授權(quán)文件可執(zhí)行權(quán)限

注：windows 中不需要此步操作

在命令行中進(jìn)入到 slimerjs 的安裝目錄，然后執(zhí)行如下命令：

chmod 777 ./slimerjs

chmod 777 ./calcEcharts.js

第六步：IDE 配置

打開報表，【菜單欄 - 工具 - 選項】打開文件配置窗口，然后設(shè)置 slimerjs 的安裝目錄。

第七步：Web 應(yīng)用配置

在 WEB-INF/raqsoftConfig.xml 中增加了兩項配置。

1、slimerjsDir 配置 slimerjs 的安裝目錄。

注：未配置此項，應(yīng)用不具備打印和導(dǎo)出 echarts 的功能。

2、echartsJSUrlPrefix 配置 echarts 圖形的 js 所在的父目錄的訪問地址，即下圖中所示的 raqsoft 目錄：

用戶可以將其配置成文件絕對路徑的形式，也可以配成 http 方式。

注：當(dāng)應(yīng)用以 war 包方式發(fā)布時，必須配置此項，且必須配置成 http 方式。

不是以 war 包方式發(fā)布時，可以不用配置此項，程序會自動設(shè)置此項。

配置完成后需要重啟電腦生效!!!

以上是“echarts統(tǒng)計圖怎么實現(xiàn)打印導(dǎo)出”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！