面积图可用来展示在一定时间内数据的趋势走向以及它们所占的面积比例。本文为您介绍如何为面积图添加数据并配置样式。

前提条件

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

图表概述

使用场景

在面积图中,可以得出数据随时间变化的结论,例如数据随时间递增、数据随时间递减、数据是否呈现周期性变化、数据称指数性增长等。

优势简介

  • 计算能力:一键配置同环比、累计计算,智能辅助线、趋势线、预测走势、异常点检测、波动分析。

  • 可视化效果:支持面积图、堆积面积、百分比堆积效果,可显示标签、图例、缩略轴等配置。

  • 数据对比标注能力:支持对数据进行同期对比、并进行数值标注。

效果图示例

image.png

图表数据配置

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

    • 维度列表中,找到省份,双击或拖拽至类别轴/维度区域。

    • 维度列表中,找到产品类型,双击或拖拽至颜色图例/维度区域。

    • 度量列表中,找到订单金额,双击或拖拽至值轴/度量区域。

  2. 单击更新

    image

图表样式配置

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

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

面积图-搜索..gif

  • 绘图区域中,设置线图样式。

    image

    图表配置项

    配置项说明

    配色设置

    为面积区域配色,您可以使用系统配色方案,或自定义配色。111

    可视化图表切换

    设置图表类型,支持线图、面积图、堆积面积图、百分比堆叠面积图

    线条类型

    设置图表线条样式,支持曲线直线image

    线条样式

    设置图表线条的线型,以及粗细。

    空值处理

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

    开启渐变效果

    开启后,图表面积区域颜色呈渐变展示。112

    堆积百分比堆积

    支持面积图、堆积面积图和百分比堆叠面积图的切换。

    112

    移动端默认选中

    设置选中后,默认选中项支持选择全局最后一个维值指定系列最后一个维值

  • 坐标轴中,设置坐标轴样式,默认选中显示坐标轴。

    您可以勾选显示双Y轴,仅当添加的度量个数≥2个时,设置的双Y轴才生效。选中该选项,则在坐标轴区域会出现右Y轴

    image

    名称

    配置项

    说明

    X轴

    显示X轴

    设置是否显示X轴。

    显示标题和单位

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

    显示轴标签

    设置X轴上是否显示标签,以及轴标签显示规则、文本样式

    展示内容

    设置展示内容为部分或全部维度。

    image.png

    显示刻度线

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

    显示坐标轴

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

    显示轴标签

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

    显示网格线

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

    左Y轴

    Y轴刻度翻转

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

    面积图-Y轴翻转..gif

    显示左Y轴

    设置是否显示左Y轴。

    显示标题和单位

    设置是否显示轴标题单位

    显示轴标签

    设置左Y轴上是否显示标签,以及标签与刻度范围、轴标签显示格式设置。

    显示刻度线

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

    显示坐标轴

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

    显示网格线

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

    轴值范围与间隔

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

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

    97.gif

    说明

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

  • 图例中,设置是否显示图例及图例样式。

    • PC端配置

      image

      图表配置项

      配置项说明

      位置

      设置图例显示位置,支持以下四种图例呈现方式。

      image

      文本

      设置图例文本样式。

    • 移动端配置

      image.png

      图表配置项

      配置项说明

      位置/多行等分展示

      选择多行等分展示方式后可多行展示度量指标,例如:

      Untitled.gif

      当选择多行等分展示方式中度量名称较长被隐藏时,可通过文本显示完整功能实现,例如:

      image.png

      位置/一行平铺展示

      勾选后可将多行度量指标改为,一行平铺的展示方式。

      Untitled.gif

      指标展示

      指标未被选择时,展示效果默认为 “-”,可切换为“空”的展示效果。

      Untitled.gif

  • 数据标签中,设置是否显示数据标签以及标签样式。

    image

    图表配置项

    配置项说明

    全量显示

    设置是否全量显示数据标签。

    位置

    设置标签显示位置。

    文本

    设置标签文本样式。

  • 工具提示中,设置工具提示方式。

    image.png

    图表配置项

    配置项说明

    展示方式

    设置提示信息展示方式,支持按单数据点、按维值两种方式。

    内容

    展示方式为按单数据点时,支持占比;

    展示方式为按维值时,支持总计和占比。

    背景色

    设置背景颜色。

    文本

    设置提示文字样式。

    说明

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

  • 系列设置中,设置系列样式。

    image

    说明

    仅当字段配置面板中启用了颜色图例/维度时,才需要在系列设置中设置别名和数值显示格式。

    图表配置项

    配置项说明

    请选择字段

    根据业务场景选择维度或度量项。

    别名

    设置贴合实际业务场景的字段名称。

    该项仅当配置了颜色图例/维度时,才支持配置。

    线条样式

    设置线条的线型及粗细。

    说明

    堆积与百分比堆积不支持该功能。

    显示标记点

    支持设置标记点显示为圆、空心圆、菱形和空心菱形。

    说明

    堆积与百分比堆积不支持该功能。

    显示数据标签

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

    数值显示格式设置

    在选择显示数据标签的前提下,支持配置数据标签中数值的显示格式。您可以选择自动适配、自定义适配及手动输入三种格式。

    该项仅当配置了颜色图例/维度时,才支持配置。

    显示最值

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

    说明

    堆积与百分比堆积不支持该功能。

  • 辅助展示中,设置指标筛选展示以及缩略轴。

    image

    图表配置项

    配置项说明

    开启指标筛选展示

    设置是否开启,开启后设置默认选中指标字段。

    显示缩略轴

    设置缩略轴显示方式。

图表分析配置

配置项

名称

说明

交互分析

钻取

当您配置了图表的钻取功能时,可以对钻取层级行的展示样式进行配置。具体请参见钻取

联动

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

跳转

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

分析预警

辅助线

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

趋势线

通过趋势线可以展示当前数据的整体发展趋势。趋势线分为智能推荐、线性、对数、指数、多项式、幂函数六种。具体设置请参见趋势线

智能洞察

开启自动见解

开启后可以智能解读图表信息。

预测

通过预测可以查看当前数据的发展趋势,对数据进行分析预测。具体设置请参见预测

异常检测

通过异常检测可以查看当前数据的异常数据点。具体设置请参见异常检测

波动分析

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

说明

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

标注

-

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

使用限制

面积图由值轴/度量类别轴/维度颜色图例/维度组成:

  • 类别轴由数据的维度决定,至少选择1个维度。例如日期、省份或产品类型。

  • 值轴由数据的度量决定,至少选择1个度量。例如订单数量。

  • 颜色图例由数据的维度决定,只能选择1个维度。例如运输方式。

    说明

    当值轴上仅有1个度量字段时,才可以启用颜色图例。

后续步骤

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

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