圖表插入方式

1.1 版本

在 FineReport 中常用圖表展示資料，而插入圖表的方式主要分為兩種：儲存格元素圖表、懸浮元素圖表。

「儲存格元素圖表」可透過儲存格的父子格關係，跟隨父格的擴展生成多個圖表；而「懸浮元素圖表」最大的優點在於，圖表可以隨意拖曳及放下到任何位置，不受儲存格限制。

本文將對這兩種圖表各自的特點進行簡單介紹。

1.3 功能入口

插入圖表的功能入口有很多：

• 普通報表菜單欄點選「插入」，儲存格元素或懸浮元素中都可插入圖表。

• 屬性面板選擇「儲存格元素」或「懸浮元素」，再選擇插入圖表。

• 普通報表上方工具欄點選  圖示，即可在儲存格中插入圖表。

• FVS 視覺化看板、決策報表中，直接將圖表組件拖入畫布即可。

• FVS 表格組件、決策報表報表塊支援插入儲存格元素圖表，不支援懸浮元素。

注：懸浮元素不支援行動端。

當圖表資料使用 儲存格資料源 時，可根據父格資料生成相應的圖表，而不需要對每組資料分別製作圖表。預期效果如下圖所示：圖中圖表跟隨 A2 儲存格擴展。

注：具體範例可參考文檔 圖表入門範例 。

2.1 插入方法

2.1.1 菜單欄

設計器菜單欄點選「插入>儲存格元素>插入圖表」，如下圖所示：

2.1.2 屬性面板

被選儲存格後，右側屬性面板點選「儲存格元素>插入元素>插入圖表」，如下圖所示：

2.1.3 工具欄

普通報表上方工具欄點選  圖示，即可在儲存格中插入圖表。如下圖所示：

「懸浮元素圖表」最大的特點和優勢在於，圖表可以隨意拖曳及放下到任何位置，不跟隨儲存格擴展，且可以自由調整圖表區域的大小。

懸浮元素圖表一般用於非固定格式和對圖表自由度要求較高的設計場景，效果如下圖所示：

3.1 插入方法

3.1.1 菜單欄

設計器菜單欄點選「插入>懸浮元素>插入圖表」，如下圖所示：

3.1.2 屬性面板

被選儲存格後，右側屬性面板點選「懸浮元素>新增元素>插入圖表」，如下圖所示：

3.2 儲存格擴展對懸浮元素圖表的影響

儲存格擴展對懸浮元素圖表的位置是有影響的，下面將針對 2 種擴展方向分別介紹。

3.2.1 橫向擴展

1）儲存格橫向擴展時，如果懸浮元素跟擴展儲存格所在欄沒有交叉的地方，那麼懸浮元素的位置受儲存格擴展影響，進而被推開，如下圖所示：

設計器中位置：

前端效果展示：

2）儲存格橫向擴展時，如果懸浮元素跟擴展儲存格所在欄有交叉的地方，那麼懸浮元素的位置不會受儲存格擴展影響，如下圖所示：

設計器中的位置：

前端效果展示

3.2.2 縱向擴展

1）儲存格縱向擴展時，如果懸浮元素跟擴展儲存格所在列沒有交叉的地方，那麼懸浮元素的位置受儲存格擴展影響，進而被推開，如下圖所示：

設計器中的位置：

前端效果展示：

2）儲存格縱向擴展時，如果懸浮元素跟擴展儲存格所在列有交叉的地方，那麼懸浮元素的位置不會受儲存格擴展影響，如下圖所示：

設計器中的位置：

前端效果展示：

注：出圖表外其他懸浮元素類型受儲存格擴展的影響同上。