指标趋势图

更新时间:

功能概述

指标趋势图是Quick BI中的一种指标类可视化组件,主要用于展示一个或多个关键指标(度量)的最新数据或阶段汇总数据,并结合其在选定时间段内的变化趋势。这种图表形态将关键数值与趋势线(或面积图、柱状图)相结合,使用户能够快速判断指标表现,特别是通过观察趋势变化来识别潜在的经营异常或亮点。

优势简介

  • 计算能力:一键配置高级计算同环比。

  • 可视化效果:显示图标LOGO、自定义背景、字体大小、颜色等。

  • 备注能力:可自定义文字或指标等备注信息,可自定义跳转外链路径,实现数据与其他系统之间的交互。

使用场景

多用于某时间段指标数据及趋势等场景,可通过指标的变化快速判断是否有经营异常。

效果图示例

指标趋势图

使用限制

为确保指标趋势图的正常使用,请注意以下前提条件和配置限制:
1. 前提条件:

您需要先创建一个仪表板,才能在其中添加指标趋势图组件。

2. 字段配置限制:

指标趋势图由指标/度量日期/维度组成:

  • 日期由数据的维度决定,只能选择1个维度。例如订单日期(day)。

  • 值指标由数据的度量决定,至少选择1个度量。例如订单数量和订单金额。

操作步骤

图表数据配置

  1. 在字段页签,选择需要的维度字段和度量字段:

    • 维度列表中,找到订单日期(day),双击或拖动至日期/维度区域。

    • 度量列表中,找到订单数量,订单金额,运输成本和利润金额,依次双击或拖动至指标/度量区域。

  2. 选择指标默认取值并单击更新,系统自动更新图表。

    • 最新日期数据:表示指标卡显示的数值为当前选取的时间区间内,最新时间点的数据。

若您选择最新日期数据,则指标卡的数值为最后一天(20161230)的数据。

image..png

  • 阶段性汇总数据:表示指标卡显示的数值为区间汇总的数据。

若您选择阶段性汇总数据,则指标卡的数值为区间(20161201~20161230)汇总的数据。

image..png

图表样式配置

下面为您介绍指标趋势图的样式配置,图表通用的样式配置请参见配置图表标题区

您可以在配置区顶部的搜索框中输入关键字快速查找配置项进行配置。同时单击右侧image..png图表支持操作展开/收起全部类别。

指标趋势图-搜索..gif

  • 在趋势图中,设置趋势图类型、可视化图表切换以及配色设置等。image

图表配置项

配置项说明

趋势图类型

支持展示趋势图、指标带小趋势图两种类型。

4567

可视化图表切换

支持线图、面积图、柱图相互切换。3

配色设置

设置指标的整体配色方案。支持根据实际需求为每个指标设置指定的颜色。111

线条类型

(线图/面积图场景)

支持曲线、直线。

线条样式

(线图/面积图场景)

设置线条的线型及粗细。

显示标记点

(线图场景)

设置是否显示标记点、自定义标记点的形状。image

空值处理

(线图/面积图的场景)

支持设置直接跨过、置为0,不断开和线条断开三种方式。

日期区间设定

默认为30天。

显示图例

设置是否显示图例。

image

说明

仅当选择为展示趋势图时才会出现该选项。

  • 在指标布局中,设置指标块的布局样式。

    • 当趋势图类型选择展示趋势图时,进行以下配置。image..png

图表配置项

配置项说明

指标块组展示形式

多个指标界面无法显示完全时,通过左右滑动可以滑动展示其他指标,或者换行平铺展示所有指标。同时可以设置指标趋势图上每行指标块的个数。

image..png

说明

仅当开启趋势图时才会出现该选项。

背景色

设置指标块的背景颜色,支持透亮和纯色两种方式。

指标块间距

设置指标块的间距。

指标块高度

设置指标块高度,通过定义指标内容与指标块间的距离来调整高度。

指标与趋势图关联交互

支持单选多选

  • 单选:表示只能显示一个度量指标趋势图。

    • 多选:表示同时显示多个度量指标趋势图。

说明

仅当开启趋势图时才会出现该选项。

指标趋势图-指标交互

  • 当趋势图类型选择指标带小趋势图时,进行以下配置。

image.png

图表配置项

配置项说明

指标块组展示形式

支持设置指标趋势图上每行指标块的个数。

41.gif

说明

仅当开启趋势图时才会出现该选项。

指标块分隔

设置指标块不分隔、分割线分隔或背景填充分隔。

分割线颜色

设置指标块分割线的颜色。

说明

仅当指标块分隔选择分割线时才需要配置该选项。

背景色

设置指标块背景填充的颜色,支持单色和多色两种方式。单色支持选择颜色,多色支持颜色跟随趋势图元素变化。

42.gif

说明

仅当指标块分隔选择背景填充时才需要配置该选项。

指标块间距

设置指标块的间距。

说明

仅当指标块分隔选择背景填充时才需要配置该选项。

  • 在指标内容配置项中,设置指标块中内容的位置及显示方式、字号样式、指标修饰图样式。

image.png

图表配置项

配置项说明

内容在指标块中位置

设置内容在指标块中展示的位置,支持横向居左和横向居中两种方式。横向居中方式下设置与指标对齐方式,支持左对齐和居中对齐。

43.gif

指标值行间距

支持适中和紧凑两种方式。

字段描述图标

支持使用素材并设置字段描述的颜色。

image.png

字号设置

选择是否开启字号设置,开启后支持设置维度名称主指标名称主指标数值副指标名称和副指标数值的字体大小、颜色、粗体、斜体。

说明

  • 指标/度量区域中,排在第1个的度量项为主指标。其他度量项均为副指标。

指标修饰图

选择是否显示主指标修饰图,选择显示后支持设置修饰图位置、修饰图类型、图形样式。

  • 修饰图位置支持左侧和上方两种方式。

image..png

  • 修饰图类型支持素材和图片字段两种方式。

    1. 仅当数据集中包含图片字段时,且字段类型为图片类型(2)时,才能使用图片字段,请参见图片维度在指标看板中的应用

    2. 选择素材时,支持使用素材图标和自定义上传本地图片。

说明

仅支持PNG、JPG、GIF格式的图片,最大1M。

image

  • 图样形式支持透亮和纯色两种方式。

  • 在坐标轴中,设置X轴、左/右Y轴的样式。

9021.png

名称

配置项

说明

显示双Y轴

设置是否显示双Y轴。

X轴

显示X轴

设置是否显示X轴。

显示标题和单位

设置X坐标轴上是否显示轴标题单位

显示轴标签

设置X轴上是否显示标签。

显示刻度线

设置X轴上是否显示刻度线。

显示坐标轴

设置显示坐标轴样式,包括线型、线宽和颜色。

显示网络线

设置X轴上是否显示网格线,包括线型、线宽和颜色。

左Y轴

显示左Y轴

设置是否显示左Y轴。

Y轴刻度翻转

您可以设置翻转Y轴刻度值。

Untitled.gif

显示标题和单位

设置是否显示轴标题单位

显示轴标签

设置左Y轴上是否显示标签。

显示刻度线

设置左Y轴上是否显示刻度线。

最大值、最小值

  • 当且仅当趋势图类型为展示趋势图时,支持配置最大值、最小值;

  • 当且仅当自定义的最大值大于数据本身的最大值,最小值小于数据本身的最小值时,自定义最值可用,否则不生效。

说明

选中自动,表示智能显示该坐标轴的最值。清除自动后,可以手动设置该坐标轴的最值。

显示坐标轴

设置是否显示左Y轴,包括线型、线宽和颜色。

轴标签显示格式设置

设置轴标签显示格式。支持自动适配、自定义格式和手动输入。

当您给指标配置了度量单位,展示该指标时希望对应的纵坐标轴标签与其度量单位格式相同。您可以选择显示格式设置为自动适配,同时勾选单选时,跟随度量数据格式配置项。

轴标签

显示网络线

设置左Y轴上是否显示网格线,包括线型、线宽和颜色。

轴值范围与间隔

  • 支持自动与手动设置左Y轴标签与刻度范围的最大值/最小值。

  • 支持设置自定义间隔按步长或按等分数量

96.gif

说明

仅当选中显示双Y轴时,需要配置右Y轴,参数配置同左Y轴。

  • 在数据标签配置项中,设置标签显示样式。

image..png

图表配置项

配置项说明

全量显示

勾选后,数据标签将全量显示。

文本

设置标签文本样式。

  • 在工具提示中,设置提示内容展示方式、以及背景色文本样式。

image.png

说明

  • 仅当指标布局->指标与趋势图关联交互开启多选时,内容里才支持按总计和占比,当展示方式为按单数据点时,支持占比;当展示方式为按维值时,支持总计和占比。

image.png

  • 仅当开启副指标展示时,内容里才支持勾选副指标。

image.png

  • 切换到移动端布局,支持控制移动端的工具提示是否展示。image.png

  • 在系列设置中,选择指标系列设置数据标签、最值以及指标数据前后缀。

image..png

图表配置项

配置项说明

请选择字段

设置添加到指标/度量区域的度量项。

线条样式

设置线条的线型及粗细。

说明

仅可视化图表类型为线图、面积图时,支持配置。image

显示数据标签

选择是否显示数据标签,并设置标签的颜色、位置。

显示最值

设置是否显示图表上最大值和最小值的标签。

指标数据值前后缀

设置图表上指标数据值前后缀。

  • 条件格式中,设置度量数据的条件格式。

image

图表配置项

配置项说明

请选择字段

选择需要配置条件格式的度量字段,添加到指标/度量区域的度量项均可选择。

在样式配置完成后,当不再需要使用某几个已配置的条件格式时,您也可以在此通过点击字段面板右下角批量清除格式操作,在待选列表中选择需要清除的条件格式后,点击确定完成格式清除。image

快捷样式

从系统提供的样式中,设置当前度量字段的标记图标或字体显示颜色。image

  • 对比:支持选择与0对比、与均值对比。112

  • 颜色翻转:以与0对比为例,小于0为红色,大于0为绿色,翻转后变成小于0为绿色,大于0为红色。112

  • 清空:当不再需要使用某一已设置的快捷样式时,点击清空即可移除该样式。112

自定义样式

除了系统提供的快捷样式外,您还可以按需为当前度量字段配置自定义样式。

  • 文本image在文本页签下,设定让当前度量字段文本显示为高亮色的条件规则,支持基于其他字段的值配置当前字段的条件规则。

  • 图标image在图标页签下,设定当前度量字段的图标标记规则,支持基于其他字段的值配置当前字段的标记规则。

同步样式到

同步当前的条件格式到其他度量指标中。

  • 在辅助展示中,设置开启指标筛选展示并配置指标趋势图。

指标趋势图-辅助展示..gif

图表分析配置

配置项

名称

说明

数据交互

联动

当需要分析的数据存在于不同的图表,您可以通过图表联动,把多个图表关联起来,形成联动进行数据分析。具体设置请参见联动

跳转

当需要分析的数据存在于多个仪表板时,您可以通过仪表板跳转,把多个仪表板关联起来,进行数据分析。跳转包含参数跳转外部链接两种方式。具体设置请参见跳转

副指标

对比指标选择

开启副指标展示,在下拉列表中选择需要配置副指标对比的度量字段。image

副指标内容

配置副指标对比的具体内容,系统将根据您在日期/维度中配置的日期字段粒度,自动生成相应的同环比选项,例如:当日期字段类型为day时,支持选择日环比、周同比、月同比等。

您可以在此:

  • 点击选项前的勾选图标,选择需要展示的副指标内容。最多支持配置2个指标。image

  • 点击新增字段,在新增字段弹窗中,自定义配置需要对比展示的副指标内容,及其聚合方式、显示格式、条件格式、辅助趋势图等信息。image

  • 单击image图标,即可对各指标进行拖动排序,以调整指标在图表中的展示顺序。

  • 点击image图标,在副指标内容设置弹窗中调整当前指标的显示格式、条件格式、辅助趋势图等信息。image

配置同步至其他对比指标

选择需要同步使用当前副指标配置的度量字段。

副指标位置

设置副指标的位置,支持设置副指标位置在主指标下方或独立区块。

设置副指标字体样式

设置副指标的字体格式及颜色。

分析预警

辅助线

通过辅助线可以查看当前度量值与辅助线设定值之间的差异。辅助线设定值分为固定值和计算值两种。计算值包含平均值、最大值、最小值和中位数四类。具体设置请参见辅助线

智能洞察

波动分析

波动原因分析通过机器智能算法自动拆解分析核心指标波动的原因。您可以拆解维度或度量来分析波动原因。具体设置请参见分析预警

说明

波动分析功能目前处于Beta版本。

标注

-

当图表中的数据存在异常或需要重点关注时,支持使用颜色高亮、图标、注释或数据点的方式行标注,帮助您识别异常并采取相应的行动。具体设置请参见标注

后续步骤

  • 当其他人需要查看仪表板时,您可以分享仪表板给特定的人,请参见分享仪表板

  • 当您需要制作复杂的带导航菜单,用于专题类分析时,可以将创建好的仪表板集成到数据门户,请参见创建PC端数据门户

常见问题

问: 指标趋势图和指标看板有什么区别?

答: 指标看板主要用于静态展示关键指标的当前值或汇总值,强调数值本身。而指标趋势图不仅展示指标数值(最新值或阶段汇总值),还必须结合一个时间维度来展示该指标随时间变化的趋势,更侧重于动态变化和趋势分析。
问: 我想在指标卡片上同时看到销售额的数值以及它相比上个月的变化率,如何实现?

答: 您可以通过配置“副指标”来实现。在“分析”页签下找到“副指标”设置,首先开启副指标展示,并在“对比指标选择”中选中“销售额”。然后在“副指标内容”里,勾选系统自动生成的“月环比”选项(如果您的日期维度支持月粒度对比),或者点击“新增字段”来自定义计算变化率。您还可以设置副指标的显示位置和字体样式。
问: 图表数据配置中的“最新日期数据”和“阶段性汇总数据”有什么不同?

答: “最新日期数据”是指指标卡片上显示的数值是您所选时间范围内的最后一个数据点的值。例如,如果时间范围是12月1日至12月30日,它会显示12月30日当天的数据。“阶段性汇总数据”是指指标卡片上显示的数值是整个时间范围(12月1日至12月30日)内数据的聚合结果,例如总和、平均值等(具体取决于您度量字段的默认聚合方式)。

问: 如何将趋势图从默认的线图改成柱状图?

答: 在“样式”配置页签下,找到“趋势图”设置区域。如果您的“趋势图类型”选择的是“展示趋势图”,那么在该区域内会有一个“可视化图表切换”的选项,您可以在这里选择“柱图”来改变主趋势图的显示类型。如果选择的是“指标带小趋势图”,则小趋势通常是线图或面积图,不支持直接切换为柱状图。