圖表常見問題匯總

1. 本文檔用於列出一些圖表常見報錯及其解決方法，方便使用者在遇到圖表錯誤時提供參考。

1

問題描述。

1. 安裝新圖表插件後，設計器裏顯示空白，提示請配置 phantomjs 伺服器，如下圖所示。

2

原因分析。

1. 沒有找到對應的 phantomjs 運作程式。

3

解決方案。

1. 刪除已經安裝的新特性圖表插件，重新下載安裝插件，安裝後系統會自動進行配置。

2. 按照提示要求進行重新配置，詳細內容參見文檔：PhantomJS 配置指南 。

注：該內容只適用於 2020-04-26 之前版本的 JAR 包， 因為 2020-04-26 及之後版本的 JAR 包，已經用 canvas 替代 phantomjs 了。詳情參見文檔：圖表匯出升級說明。

1

問題描述。

1. 安裝新圖表插件後，設計器裏顯示空白，出現提示資訊：【正在載入圖表……】，如下圖所示。

2

解決方案。

1. 直接運作 phantomjs/phantomjs-對應 phantomjs 版本/bin/phantomjs，如果可以正常啟動，查看步驟 2，啟動失敗，查看步驟 3。

2. 查看resource/phantom.xml定義的埠是否被佔用，如果被佔用，可以手動修改埠號後，重啓伺服器。

3. 如果 phantomjs 啟動失敗，查看命令行拋錯，一般會提示類似【 version `GLIBCXX_3.4.9' not found】等，可以用命令【 /usr/lib64/libstdc++.so.6 | grep GLIBCXX】，查看當前系統是否支援GLIBCXX_3.4.9，如果沒有，說明當前系統的 gcc 版本過低，不能啟動插件預設使用的 【phantomjs2.1.1】(http://phantomjs.org/download.html)，所以需要升級 gcc 版本使其支援 GLIBCXX_3.4.9，或者下載低版本的 phantomjs 版本，例如 【phantomjs1.9.8】(http://npm.taobao.org/dist/phantomjs/)。

1

問題描述。

1. 儲存格圖表邊區邊框顯示不完整，如下圖所示。

2

原因分析。

1. 儲存格屬性設定中預設有左右各 2px 的縮排。

3

解決方案。

1. 選中圖表，右邊屬性面板選擇【儲存格屬性】，如下圖所示。

2. 在右側欄中點選【樣式】。

3. 點選【對齊】。

4. 縮排預設是 2px，修改成 0 即可。

1

問題描述。

1. 新地圖範本預覽後報錯，如下圖所示。

2

原因分析。

1. 範本裏選中的新地圖的地圖邊框 .json 在當前環境下沒有找到。

3

解決方案。

1. 新增對應的 .json 檔案，或者修改成當前環境下的其他地圖邊框。

1

問題描述。

1. 圖表旋轉時，帶有括號的字元會導致預覽和匯出效果不一致，如下圖所示。

2

原因分析。

1. 括號是中文的，各個瀏覽器的顯示不一樣。

3

解決方案。

1. 括號符號換成英文的。

1

問題描述。

1. 自訂 WMS 服務，輸入 URL 後，點擊連結，如下圖1所示。

2. 連結時提示 WMS 失效，如下圖2所示。

2

原因分析。

1. 原因一：位址格式正確，但已失效，不可用。

2. 原因二：URL 格式錯誤，寫了完整的圖層 URL 路徑（此種情況下，URL 是可以直接在瀏覽器開啟對應圖層的）。

3

解決方案。

1. 解決方案一：上網尋找可用的免費 WMS 服務或者自行搭建。

2. 解決方案二：只需要輸入 WMS 服務層面的 URL。例如，指向最終圖層的完整 URL 格式：【http://localhost:8080/geoserver/cite/wms?service=WMS&version=1.1.0&request=GetMap&layers=cite:geotiff_coverage&styles=&bbox=9279423.299524633,738670.717867285,1.6000989702852087E7,4339160.253879011&width=768&height=411&srs=EPSG:102113&format=application/openlayers】。此處應正確填入的 URL（指向 WMS 服務層）：【http://localhost:8080/geoserver/cite/wms?】。

注：URL 指向 WMS 服務，連結成功後會自動把服務裏的圖層列出來供篩選，故只需要輸入 WMS 服務層面的 URL 即可。

1

問題描述。

1. 圖表的元件名稱以底線結尾時，如下圖1所示。

2. 報表預覽時，圖表無法正常顯示且超連結失效，報錯資訊如下圖2所示。

2

原因分析。

1. 決議圖表請求的 chartId 時，是用雙底線分割的，導致底線在組件名最後的時候分割出來有誤，同時也不允許在組件名中間有雙底線。

3

解決方案。

1. 圖表元件名稱命名時不允許以底線結尾，且不允許在組件名中間有雙底線。

1

問題描述。

1. IE10 及以下版本瀏覽器，圖表顯示效果不太好，同時某些功能不支援。

2

原因分析。

1. IE10 及以下版本瀏覽器，不支援圖表屬性【pointer-events:none】，導致開啓大數據模式的圖形無法正常響應交互。

2. 由於效能問題，IE8 及以下的瀏覽器禁止了動畫、漸變特效以及圖表縮放功能，陰影效果也做了一定的改變。

3. IE 瀏覽器暫時不支援工具欄匯出 SVG 。

4. IE8 禁用了餅圖旋轉。

3

解決方案。

1. 建議使用Chrome、Firefox 等瀏覽器。

1

問題描述。

1. 圖表開啓監視重新整理，當對條件屬性有影響的資料發生變化時，監視重新整理後條件屬性並不會立即同步生效，而是必須重新整理頁面才能生效。

2. 例如：流向地圖設定條件屬性，某個欄位值為2時關閉流向動畫，其它情況下開啓流向動畫。

3. 將該欄位的值由 2 改為 1 ，監視重新整理後流向動畫並沒有開啓，必須要重新整理下頁面，動畫才能生效，如下圖所示。

2

解決方案。

1. 10.0.10 版本已經修復監視重新整理後條件屬性不同步的問題，使用者需要將報表伺服器版本更新到 10.0.10，對應JAR包版本是 2020-11-02。

1

問題描述。

1. 決策報表的 body 設定了深色背景，但是使用工具欄放大圖表塊時，圖表的背景變為了白色，如下圖所示。

2

解決方案。

1. 圖表背景色來源於圖表區設定的背景色，不會跟隨 body 改變，由於圖表區預設背景色是白色，所以放大後會是白色背景。

2. 想要實現放大後圖表背景色保持跟 body 一致，且不會影響到直接預覽的效果，可以將圖表區背景色設定成 body 背景相同的顏色，並將【不透明度】調成 0，如下圖1所示。

3. 最終效果如下圖2所示。

1. 當客戶製作的圖表中包含中文字型並且需要匯出時，由於圖匯出需要依賴客戶環境中文字型包，若客戶系統環境中缺少中文字型包，那麼匯出後圖表字型會不顯示或是亂碼。

2. 為了解決該問題，10.0.15 版本內建了一種開源的中文字型在工程中：思源黑體，如果遇到因為字型原因無法正常匯出的情況，會使用內建字型匯出。