指标趋势图

指标趋势图可以展示多个指标最新日期的数据或阶段汇总数据,以及指标在某一段时间内的变化趋势。本文为您介绍如何为指标趋势图添加数据并配置样式。

前提条件

已创建仪表板,请参见新建仪表板

图表概述

使用场景

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

优势简介

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

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

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

效果图示例

指标趋势图

图表数据配置

  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。

        指标图-静态

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

  • 坐标轴中,设置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..png

  • 支持同期对比,当配置了过滤条件时,对比同期也会加上过滤。

    image..png

  • 支持设置副指标位置主指标下方独立区块

    44.gif

  • 支持设置副指标字体样式

    image.png

分析预警

辅助线

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

智能洞察

波动分析

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

说明

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

标注

-

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

使用限制

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

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

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

后续步骤

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

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