反馈已提交

网络繁忙

饼图中心显示标签

  • 文档创建者:Leo.Tsai
  • 历史版本:7
  • 最近更新:Alicehyy 于 2022-03-02
  • 1. 概述

    1.1 版本

    报表服务器版本
    11.0

    1.2 应用场景

    当 饼图 设置了内径占比,展示为圆环饼图时,有个常见的需求:希望可以将分类名、汇总值或自定义文本这样的信息展示在中间空白区域,提高图表的空间利用率。

    饼图标签中的「分类标签」功能,支持将自定义的文字、分类名、汇总值这样的信息显示在饼图中间区域。

    1.png

    1.3 功能简介

    选中饼图,进入饼图样式>标签设置,可分别设置值标签和分类标签,两类标签均支持 3 种方法设置标签内容。

    • 通用:支持勾选分类名和汇总值,显示内置的数据指标。

    • 富文本:支持自定义文本内容。

    • 自定义:支持通过代码自定义文本内容。

    2. 示例

    2.1 准备数据

    新建普通报表,新建内置数据集,如下图所示:

    Snag_580d4e47.png

    2.2 插入图表

    合并一片区域单元格,插入饼图,如下图所示:

    1610441757143392.png

    2.3 绑定数据

    绑定饼图数据,如下图所示:

    Snag_1c0ef595.png

    2.4 设置样式

    饼图去掉标题,图例设置在上方,内径占比调整为 80%,实现环形效果,如下图所示:

            1614242439178025.png

    2.5 自定义中间标签

    饼图标签取消显示值标签,分类标签使用 富文本自定义,并将分类标签的位置设置为居中,也就是显示在饼图中间,如下图所示:

    1614242905722775.png

    点击「富文本编辑」进入编辑器界面,在编辑面板中输入「安卓各版本市占率」,字体样式设置为「自定义」。如下图所示:

    1614243100368276.png

    2.6 效果预览

    2.6.1 PC 端

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

    1.png

    2.6.2 移动端

    同时支持 App 端和 H5 端,效果如下图所示:

    1610442710308363.jpg

    3. 模板下载

    已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\饼图中心显示标签.cpt

    点击下载模板:饼图中心显示标签.cpt


    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持