反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

多层饼图

  • 文档创建者:susie
  • 历史版本:36
  • 最近更新:yzm255836 于 2021-12-24
  • 1.概述

    1.1 应用场景

    多层饼图在饼图基础上引入了层级的概念,且各层级之间具有包含关系,通过点击操作可以查看不同层级的数据。

    多层饼图适合展示具有父子关系的复杂树形结构数据,如区域数据,公司上下层级等等。多层饼图的展示效果如下图所示:

    注:目前多层饼图只适用于数据全部为正数,如果出现负数,会当成正数聚合使用。

    1589371153527672.gif

    1.2 图表特点

    优点:能很直观的看到每一个部分在整体中所占的比例,支持数据钻取。

    缺点:不适合较大的数据集(分类)展现,数据项中不能有负值,当比例接近时,人眼很难准确判别。

    1.3 应用实例

    决策报表中可使用 组件复用 功能,下载安装组件后,直接替换数据即可快速复用组件样式,实现多层饼图效果。

    更多多层饼图的示例,可参见 帆软市场-组件 / 设计器→在线组件库。

    组件下载链接
    描述
    效果图
    多层饼图-简约蓝

    1)该组件适用于浅色简约风格模板

    2)突出不同分类的占比情况,充分体现两级之间的层级关系


    多层饼图-简约蓝.png
    多层饼图-深色

    1)该组件适用于深色酷炫风格模板

    2)充分体现各层级之间的包含关系,直观看到每一部分在整体中的占比,适用于展示具有父子关系的复杂树形结构数据


    多层饼图-深色.png

    2. 属性介绍

    2.1 类型

    以单元格元素或悬浮元素插入图表时,图表类型选择多层饼图,如下图所示:

    2020-05-12_20-24-10.png

    2.2 数据

    多层饼图数据绑定的详细介绍可以参见文档:图表数据

    多层饼图数据绑定部分特殊配置项如下:

    • 数据来源:多层饼图数据来源,分为数据集数据、单元格数据两种。

    • 数据集:选择预先配置好的数据查询或内置数据集等内容。

    • 指标名:如果样式>提示那边勾选了指标名,那么鼠标悬浮在饼图扇形块上时,会提示该文本信息。

    • 层级数:默认为 3 层,此处决定下面的层次数量。

    • 层次1:此处可选择最内层层次对应的数据集的类别字段。

    • 层次2:此处可选择第 2 层层次对应的数据集的类别字段。

    • 层次3:此处可选择第 3 层层次对应的数据集的类别字段。

    • 值:每个扇形块对应的数值,会影响扇形大小。

    • 汇总方式:可设置为首个、最后一个、求和、平均、最大值、最小值、个数,默认为求和。

    1615953025171001.png

    2.3 样式

    多层饼图基础样式设计的详细介绍可以参见文档:图表样式

    多层饼图的样式>系列有所不同,单独介绍,如下图所示:

    • 层次渐变:此处控制层次的颜色渐变,可选择渐浅和渐深。

    • 起始角度:饼图的起始角度,可选择0~360之间的整数,默认为 0 。

    • 终结角度:饼图的终结角度,可选择0~360之间的整数,默认为 360 。

    • 内径占比:此处可设置饼图内部空白区域的内径占比,默认为 0(实心饼图)。

    • 钻取:此处可设置多层饼图是否支持钻取,默认为开启钻取。

    • 可旋转:此处可设置多层饼图是否支持旋转,默认为开启。

    1616462645772706.png

    2.4 特效

    多层饼图特效设置的详细介绍可以参见文档:图表特效

    3. 示例

    3.1 报表设计

    3.1.1 准备数据

    新建数据查询 ds1,数据库查询语句为:SELECT * FROM 订单 where 货主国家='中国' limit 50

    2020-05-13_19-05-50.png

    3.1.2 插入图表

    合并一片区域单元格,右键选择 A1 单元格,选择单元格元素>插入图表>多层饼图,如下图所示:

    2020-05-12_20-24-10.png

    3.1.3 数据绑定

    绑定图表数据,多层饼图层级数为 3,层次分别对应货主地区、货主省份、货主城市,值为运货费,如下图所示:
    1616462728371660.png

    3.1.4 样式设计

    1)选择样式>标签为了清楚的显示饼图对应的系列,可以使用牵引线显示,具体设置如下图所示:

    1616462830364521.png

    注:多层饼图的牵引线设置/标签显示在外部只对最外层生效,内部层级标签强制显示在内部。

    2)选择 样式>系列,默认内径占比为 0 ,开启 钻取 ,如下图所示:

    1616462882712277.png

    注1:当设置内径时,去除内径大小外,所有的层级均分整体半径。

    注2:钻取之后,无论是否设置了内径,中间的饼图半径占整体半径的 50%,其余层级均分剩余的半径。

    注3:点击中心白色圆圈,即可返回上一层。

    3.2 效果预览

    3.2.1 PC 端

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

    2020-05-13_19-56-38 (1).gif


    3.2.2 移动端

    622776a687a5f0fb8323bf02a8cbe3a7.jpg

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\多层饼图.cpt

    点击下载模板:多层饼图.cpt

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

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

    总裁办24H投诉

    热线电话:173-1278-1526