圖表設計入門範例

1.1 功能簡介

圖表是一種將資料直覺化、形象化、視覺化的圖形結構，使資料的差異對比和變化趨勢變得一目瞭然，有助於快速、有效地表達資料關系。

FineReport 包含豐富的圖表型別，可以靈活地設定圖表樣式，以滿足各類場景需要展示資料的不同需求。

1.2 圖表型別

 FineReport 圖表分為基礎圖表、擴展圖表、第三方插件圖表共三大類，下載設計器後，內建圖表型別預設包含擴展圖表。第三方插件圖表按需自行安裝插件使用。型別簡介請參見文檔：圖表簡介 。

本文主要以柱形圖為例講述如何快速建立一張基礎圖表。

2.1 建立範本

點選設計器左上角【檔案】→【建立普通報表】，建立資料庫查詢 ds1，輸入 SQL 語句：【SELECT * FROM 銷量】。如下圖所示。

2.2 插入圖表

合併一片儲存格區域，點選上方工具欄插入【圖表】按鈕，插入【柱形圖】。如下圖所示。

2.3 設計柱形圖

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

2.3.1 圖表型別

選中圖表所在儲存格，點選右側【儲存格元素】→【型別】可查看和選擇圖表型別。

2.3.2 綁定資料

選擇【資料】，綁定圖表資料。

2.3.3 設定樣式

1）選擇【樣式】→【標題】，輸入正文【各銷售員銷量】。

2）選擇【樣式】→【標簽】，勾選上【使用標簽】，設定標簽顯示【值】，字元使用【自訂】設定。

3）選擇【樣式】→【系列】，設定配色方案為【新特性】，設定邊框線型為【無】。

2.4 效果預覽

2.4.1 PC 端

儲存報表，點選【分頁預覽】。

2.4.2 行動端

APP 端和 HTML5 端均支援。