反馈已提交

网络繁忙

轮播饼图

  • 文档创建者:Leo.Tsai
  • 编辑次数:3次
  • 最近更新:Alicehyy 于 2021-10-25
  • 1. 概述

    1.1 版本

    报表服务器版本扩展图表插件版本
    10.04.5

    1.2 应用场景

    扩展图表插件 4.5 版本新增一种图表类型:轮播饼图。

    该图表适用于大屏场景,在原饼图展示形式的基础上,根据扇形的顺序,轮播每个扇形对应的提示信息,效果如下图所示:

    1612243313996325.gif

    1.3 功能介绍

    • 同时支持单元格数据和数据集数据。

    • 支持定时刷新和轮播联动,可以联动单元格或悬浮元素。

    • 支持图表联动和组件刷新,详细介绍参见文档:扩展图表组件刷新

    1.4 插件安装

    点击下载插件:扩展图表插件

    设计器插件安装方法参照:设计器插件管理

    服务器安装插件方法参照:服务器插件管理

    1.5 图表入口

    图表类型新增扩展图表-饼图类」,该类别下有轮播饼图,可选择插入到报表中。

    1612243599164290.png

    2. 图表属性

    2.1 图形

    轮播饼图支持调整饼图的半径和内径占比大小。

    • 半径默认自动,可自适应显示;半径自定义时,单位是 px,展示为固定的像素,不自适应。

    • 内径占比指的是内径/外径的比例,范围是 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\demo\chart\extend\轮播饼图.cpt

    点击下载模板:轮播饼图.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭