环形饼图

  • 文档创建者:文档助手1
  • 编辑次数:13次
  • 最近更新:Leo.Tsai 于 2020-07-02
  • 1. 概述

    1.1 应用场景

    设置内径可以将饼图变形为圆环效果,改变饼图内径的示例效果如下:

    • 饼图未设置内径,效果如下图所示:

    1.png

    • 设置内径后,效果如下图所示:

    2.png

    1.2 功能入口

    在饼图属性面板的样式>系列样式下可以自定义内径占比。

    默认内径占比为 0 ,范围为 0~100 。内径占比值越大,圆环的直径越大。

    Snag_1a2109cc.png

    2. 示例

    2.1 数据准备

    新建内置数据集 Embedded1 ,如下图所示:

    1590548781968954.png

    2.2 插入图表

    设计器菜单栏点击插入>悬浮元素>插入图表,将饼图以悬浮元素形式插入到普通报表中,如下图所示:

    Snag_1a36fb0c.png

    2.3 绑定数据

    选中饼图,右侧属性面板选择悬浮元素>数据,如下图绑定图表数据:

    Snag_1a3c6a19.png

    2.4 内径设置

    选中饼图,右侧属性面板选择样式>系列,设置饼图的内径占比为 80 ,如下图所示:

    Snag_2e5a8066.png

    2.5 标题设置

    选中饼图,右侧属性面板选择悬浮元素>样式>标题,自定义标题的悬浮位置,x 方向设置为 38 ,y 方向设置为 45 。

    Snag_1a469743.png

    2.6 效果预览

    1)PC 端

    保存报表,点击分页预览,效果如下图所示:

    2.png

    2)移动端

    示例采用的是悬浮图表不支持移动端预览,但是单元格元素图表可以。

    3. 模板下载

    已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\PieChart\百分比环形图.cpt

    点击下载模板:百分比环形图.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!