當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

輪播餅圖

1. 概述

1.1 版本說明

報表服務器版本擴展圖表插件版本
10.04.5

1.2 應用場景

擴展圖表插件 4.5 版本新增一種圖表類型:輪播餅圖。

該圖表适用於大屏場景,在原餅圖展示形式的基礎上,根據扇形的順序,輪播每個扇形對應的提示信息,效果如下圖所示:

1612243313996325.gif

1.3 功能介紹

  • 同時支持單元格數據和數據集數據。

  • 支持定時刷新和輪播聯動,可以聯動單元格或懸浮元素。

  • 支持圖表聯動和組件刷新,詳細介紹參見文檔:擴展圖表組件刷新

1.4 插件安裝

點擊下載插件:擴展圖表插件

設計器插件安裝方法參照:設計器插件管理

服務器安裝插件方法參照:服務器插件管理

1.5 圖表入口

圖表類型新增擴展圖表-餅圖類」,該類别下有輪播餅圖,可選擇插入到報表中。

1612243599164290.png

2. 圖表屬性

2.1 圖形

輪播餅圖支持調整餅圖的半徑和内徑占比大小。

但内徑占比的範圍是 1~100% ,所以不支持内徑占比爲 0 的基礎餅圖。

Snag_18bbce42.png

2.2 提示

提示文字跟随圖形動态輪播,但是只支持内置字段,不能自定義。

Snag_18bf3e82.png

提示文字的位置可以選擇顯示在餅圖内或餅圖外,各自的效果如下:

  • 餅圖内

1612244205503966.png

  • 餅圖外

1612244225206599.png

3. 示例

3.1 準備數據

新建普通報表,新建内置數據集,如下圖所示:

Snag_18c19af0.png

3.2 插入圖表

合并一片區域單元格,插入輪播餅圖,如下圖所示:

1612244820809465.png

3.3 綁定數據

綁定數據集中的字段,如下圖所示:

Snag_18c493dd.png

3.4 設計樣式

1)給圖表添加一個标題,如下圖所示:

Snag_18c87e2f.png

2)将餅圖的内徑占比調整到 70%,如下圖所示:

Snag_18ca4c19.png

3)提示内容只勾選百分比和系列名,并選擇顯示位置爲餅圖内,如下圖所示:

Snag_18cbab6b.png

3.5 效果預覽

保存報表,點擊分頁預覽,效果如下圖所示:

1612245453139274.gif

注:擴展圖表不支持移動端展示。

4. 模板下載

已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\輪播餅圖.cpt

點擊下載模板:輪播餅圖.cpt

附件列表


主題: 原簡體文檔
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

5s后關閉

反饋已提交

網絡繁忙