反馈已提交

网络繁忙

您正在浏览的是 FineBI6.0 帮助文档,点击跳转至: FineBI5.1帮助文档

动态显示标题

  • 文档创建者:April陶
  • 编辑次数:34次
  • 最近更新:April陶 于 2023-01-29
  • 应用场景

    默认情况下,组件标题是静态的,为了增强图表的可读性,通过设置动态标题,让标题随着数据变化而变化,这样可快速展示关键信息、提升沟通效率。动态标题变化由是否添加指标分为两种场景。如下表所示:

    是否需要在动态标题添加指标
    实现方式区别不同实现方式的优点
    不需要可直接编辑组件标题实现效果实现方式更便捷,不需要在标题中添加指标的情况下可优先选择这种方法实现效果。
    需要需要先隐藏组件标题,再使用文本组件代替标题。可在标题中添加仪表板内过滤组件值和组件内字段。(包括指标字段和维度字段)

    场景一:不添加指标的动态标题

    介绍在不需要在标题中添加指标情况下,能够实现动态标题的方法。例如,点击词云组件的「福建福欣热轧」且年月区间过滤组件选择「2017 年 1 月- 2017 年 5 月」则折线图标题自动跟随变化,显示「福建福欣热轧 2017-01 到 2017-05 合同金额趋势」。效果如下所示:

    2020-08-26_15-50-19.gif

    场景二:添加指标的动态标题

    用户想实现在组件标题中添加指标时,如何实现动态标题。如下图所示:

    2020-08-28_11-35-26.gif

    解决思路

    场景一:不添加指标的动态标题

    组件制作完成后,编辑目标组件标题,在标题中添加仪表板内的维度字段和过滤组件值等建立联动联系。点击仪表板界面产生联动后或者在添加过滤条件后,标题随之发生变化,实现动态标题效果。

    场景二:添加指标的动态标题

    组件制作完成后,先将目标组件标题隐藏后,使用文本组件代替标题,在标题中添加仪表板内指标等任一字段或控件,点击相关字段或者输入控件值,标题跟随变化产生联动效果。

    注:支持添加的字段包括当前仪表板组件中的字段和当前仪表板添加的过滤组件。

    场景一:不添加指标的动态标题

    制作仪表板

    新建「分析主题」,使用KPI指标项数据表,如下图所示:

    添加折线图组件

    进入组件编辑界面,将待分析区域下的「合同签约时间」和「合同金额字段」拖入右侧横纵轴,图表类型选择「分区折线图」,完成 折线图 制作。如下图所示:

    添加词云组件

    在分析主题中添加组件,同样选择「 KPI 指标项」数据集添加组件,如下图所示:

    将待分析区域「产品名称」和「记录数」添加到维度指标栏,图表类型选择「词云」。如下图所示:

    完成 词云 组件制作后,新建仪表板,如下图所示:

    将制作好的两个组件拖入到仪表板中,如下图所示:

    添加时间过滤组件

    添加 时间过滤组件 中的年月区间过滤组件,过滤仪表板的折线图组件。

    1)点击「过滤组件>年月区间」添加年月区间过滤组件。如下图所示:

    2)过滤组件绑定「 KPI 指标卡」下的「合同签约时间」字段,点击「确定」完成过滤组件制作。如下图所示:

    设置动态标题

    1)选中折线图组件,「双击组件标题」进入标题编辑界面,进行动态标题设置。

    2)在标题中添加字段。点击「自定义>插入字段>组件1>产品名称」,在标题内容处则成功添加「产品名称」字段,添加「年月区间」过滤组件值。在「产品名称」字段和「年月区间」过滤组件值后输入自定义文本内容。

    3)选中标题内容,编辑标题样式,点击「确定」完成标题设置。如下图所示:

    2023-01-29_16-46-17.gif

    效果查看

    动态标题的效果详情见本文开头应用场景 场景一:不添加指标的动态标题

    场景二:添加指标的动态标题

    制作仪表板

    新建分析主题,选择「各学院招生人数表」,如下图所示:

    添加计算指标

    计算实际招生完成的比例。

    1)进入组件编辑界面,添加计算指标。如下图所示:

    2)添加「招生完成比例」指标。输入公式SUM_AGG(实际招生)/SUM_AGG(计划招生)求得「招生完成比例」指标,输入计算指标字段名称,点击「确定」完成操作。如下图所示:

    公式说明:

    • SUM_AGG(实际招生)/SUM_AGG(计划招生)本例代表按照「学院」维度先对「实际招生」和「计划招生」进行分组求和,计算得出「实际招生」占「计划招生」的比例。

    • SUM_AGG :根据当前分析维度,动态返回指标字段的汇总求和值,生成结果为一动态数据列,行数与当前分析维度行数一致。

    注:聚合函数 SUM_AGG() 公式内容需选择左侧字段才能生效。本例添加「计划招生」和「实际招生」字段。

    添加分组表

    添加分组表。选择「分组表」,将待分析区域字段拖入右侧对应的维度指标栏中,完成分组表制作。拖入的对应字段如下图所示:

    设置数值格式

    将「招生完成比例」设置为百分比形式。

    1)点击「招生完成比例(聚合)> v >数值格式」,设置该字段数值展示形式。如下图所示:

    2)将数值字段「招生完成比例」设置为「百分比」形式,小数位数「 2 」,点击「确定」,完成设置。如下图所示:

    3)查看「招生完成比例」字段以变成百分比形式,完成分组表组件制作。如下图所示:

    隐藏标题

    由于组件标题无法添加指标,需先隐藏标题,添加文本组件代替标题位置。

    新建仪表板,并将组件添加至仪表板,如下图所示:

    选中组件,点击「 v 」后,取消勾选「显示标题」即可隐藏标题。如下图所示:

    制作文本组件

    将标题想展示的内容和艺术效果在文本组件内编辑。

    添加文本组件

    点击「其他>文本组件」添加文本组件。如下图所示:

    添加字段

    点击文本组件,添加内容。点击「image.png」,依次添加文本字段「学院」和计算指标字段「招生完成比例(聚合)」,添加成功后在文本组件中显示。如下图所示:

    添加文本内容

    光标选中两字段中间,输入文本。如下图所示:

    设置文本样式

    选中文本内容,编辑文本组件样式。字体字号「 20 」,「加粗」,背景颜色「黄色」,调整位置和大小。最后效果如下图所示:

    设置默认值

    用户如果需要在查看仪表板时,标题默认显示成「历史学院」。则需要在编辑状态下点击「历史学院」完成联动,如下图所示:

    然后再点击仪表板预览,预览状态下的默认值即变成「历史学院计划招生认数完成目标的69.38%」。

    效果查看

    在标题中引用指标效果可参见本文应用场景。

    附件列表


    主题: 制作可视化组件
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!

    售前咨询电话

    400-811-8890转1

    在线技术支持

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

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭