圖表比較系列值並突出顯示

1.1 版本

1.2 預期效果

當制作多系列圖表或者組合圖時，希望實現兩個系列的值進行對比，當滿足某一條件時，可以進行條件顯示。

例如柱形圖-折線圖組合圖中，産品的質量分數低於最低達标分數，柱形顯示爲紅色。如下圖所示：

1.3 實現思路

11.0.6 版本及之後的設計器中，可通過給圖表設置條件顯示，給柱形圖添加條件，可選列選擇「值」，可選條件選擇「匯總欄位值」，即用圖形的值和另一個欄位的值進行對比，實現滿足條件時，改變柱子配色。如下圖所示：

注：只支援餅圖、柱形圖、條形圖、折線圖、面積圖、雷達圖、組合圖中相關圖形。

2.1 準備資料

在設計器中建立普通報表，建立 內建資料集 ，表設計如下圖所示。

2.2 新增圖表

合併一片儲存格區域，點選上方工具欄插入圖表按鈕，插入「組合圖>柱形圖-折線圖」。如下圖所示。

2.3 設計圖表

選中圖表，點選右側屬性面板【儲存格元素】，可設定圖表的各個屬性：型別、資料、樣式、特效。

2.3.1 綁定資料

組合圖需分別綁定資料，柱形圖綁定産品對應的質量分數，折線圖綁定産品對應的最低達標分數資料。如下圖所示。

2.3.2 設定樣式

使用者可根據實際情況對圖表樣式進行修改。本例將圖表標題設定為不可見，將圖例位置設定為靠上，修改了系列配色方案。如下圖所示。

2.3.3 條件顯示

本例需要實現的條件顯示是：當産品的質量分數低於最低達標分數時，産品對應的柱子顯示為紅色。

那麼我們需要在柱形圖中新增條件屬性，選擇配色為紅色，條件為：【值 小於彙總欄位值 '最低達標分數.首個'】。

該條件實際是用柱形圖每個産品的系列值與每個産品的最底達標分數作比較，是一種一對一的映射關系。

操作示範如下所示。

2.4 效果預覽

2.4.1 PC 端

儲存報表，點擊 【分頁預覽】 ，效果如第一章第2節預期效果所示。

2.4.2 行動端

APP 端和 HTML5 端均支援，效果如下圖所示。

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Chart\Combination\組合圖實現系列值比較.cpt

點選下載範本：組合圖實現系列值比較.cpt