更新时间:2024-06-20 GMT+08:00
分享

线状图表

本章节主要介绍线状图各配置项的含义。

字段

在数据列下的类别轴/维度和轴值/度量内,选择需要的“类别轴/维度”和“轴值/度量”:
  • 在维度列表中,选择字段拖拽或双击至类别轴/维度区域。
  • 在度量列表中,选择字段拖拽至轴值/度量区域。

字段列表还包含以下内容方便您更好的分析数据内容:

  • 设置字段显示内容(类别轴/维度)

    单击列内字段的,选择“字段显示内容”单击,在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改。

  • 设置聚合方式(轴值/度量)

    单击列内字段的,选择“聚合方式”单击,支持设置无聚合、求和、计数、去重计数、最大值、最小值、平均值、总体标准差、样本标准差、样本方差、区间起始值、区间结束值。

  • 设置钻取
    支持对维度字段进行钻取功能的设置。如按照时间维度,可以从年份粒度下钻到季度/月份/周/天/小时/分钟/秒粒度查看数据情况。
    1. 单击列内字段,将要钻取的目标位置的字段拖拽至“钻取”内。
    2. 单击更新,测试钻取功能是否设置成功。
    • 只支持维度字段下钻,不支持度量字段下钻。
    • 只有一个字段可以作为下钻的起点。
    • 钻取的是时间时,自动将它的细分时间置入下钻顺序列表,并将他们放进排序字段中(已在排序中的字段不再加入)。
    • 已下钻的字段需高亮下钻图标,将维度中的钻取字段删掉,则整个钻取功能框都消失。
  • 设置颜色图例

    将所需字段拖拽至“字段 > 颜色图例”内。

  • 过滤:如果您的数据量较大,可以启用过滤器功能,将需要的某一类或者某几类数据从数据集中过滤出来。过滤器可以过滤字符类、数值类和日期类的数据。
    过滤设置:单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
    • 过滤字段选择维度
      • 非时间字段
        表1 过滤器参数

        参数

        参数说明

        数据集

        构造大屏组件所选的数据集。

        选中字段

        选择过滤的字段(非时间字段)。

        过滤方式

        设置的字段为维度时,支持按条件过滤和按枚举过滤方式。

        条件形式

        设置的字段为维度时,在按条件过滤方式下,支持设置且条件和或条件。

        设置的字段为维度时,在按枚举过滤方式下,支持单选和多选。

        过滤条件

        设置的字段为维度时,按条件过滤支持:精确匹配、包含、开头是、不匹配、不包含、为空、不为空等设置。

        设置的字段为维度时,按枚举过滤方式:选择对应的字段。

      • 时间字段
        表2 过滤器参数

        参数

        参数说明

        数据集

        构造大屏组件所选的数据集。

        选中字段

        选择过滤的字段(时间字段)。

        过滤方式

        设置的字段为维度时,支持单值过滤、按区间值过滤、按条件过滤。

        过滤条件

        设置的字段为维度时,按单值区间、区间值过滤,过滤条件支持绝对时间和相对时间。

        设置的字段为维度时,按条件过滤支持且条件、或条件。

    • 过滤字段选择度量
      表3 过滤器参数

      参数

      参数说明

      数据集

      构造大屏组件所选的数据集。

      选中字段

      选择过滤的字段。

      条件形式

      设置的字段为度量时,条件形式支持且条件、或条件。

      过滤条件

      需要设置的字段为度量时,过滤条件支持:>、≥、<、≤、=、≠、为空、不为空等设置。也支持对数据的聚合前和聚合后的设置。

  • 排序:对拖入字段的类别轴/维度进行排序,支持三种方式分别为不排序、升序、降序。

    排序设置:单击排序内字段的,选择改需要的顺序。

    • 使用维度排序:拖拽维度字段进排序槽位,自动将维度字段添加到维度槽位并在图表中显示。
    • 使用度量排序:图表中默认不显示排序槽位中的度量字段,如需显示请再次拖动度量字段到度量槽位。
  • 查询返回数限制:最大的字段为5000最小字段为1。
  • 自动刷新:刷新数据的时间,可以设置1分钟、5分钟、15分钟、30分钟、不刷新。

完成字段配置之后,单击“更新”,系统自动更新图表。

样式

本章节介绍线状图的样式的各项配置的含义。

  • 尺寸位置
    • W:设置图表的宽,单位为px。
    • H:设置图表的高,单位px。
    • X:设置图表在画布中的位置。单位为px。
    • Y:设置图表在画布中的位置。单位为px。
    • 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
    图1 尺寸位置
  • 全局样式
    • 字体:设置图表中文字的字体。
  • 折线样式:平滑曲线值范围0~1。
  • 边距
    • 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击“-”或“+”调节。
    • 底部:设置图表与图层底部的间距,可以通过输入数值或单击“-”或“+”调节。
    • 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击“-”或“+”调节。
    • 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击“-”或“+”调节。
      图2 边距
  • x轴
    • 显示/隐藏x轴:单击“显示x轴”侧的勾选框,表示显示x轴,表示隐藏x轴。
    • 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。
    • 数据类型:坐标轴对应的字段的数据类型,可以选择数值型、类目型、时间型。
    • 分割数:当“数据类型”为“数值型”或“时间型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。
    • 轴线颜色:设置x轴的颜色。
    • 缩放:设置X轴的缩放比例。结束值的取值范围依赖于开始值。
    • 显示/隐藏网格线:单击“网格线”右侧的勾选框,表示显示网格线,表示隐藏网格线。设置网格线的线条格式,其中包含实线、虚线、点划线,网格线的颜色也可配置。
    图3 x轴
  • y轴
    • 显示/隐藏y轴:单击“显示y轴”左侧的勾选框,表示显示y轴,表示隐藏y轴。
    • 文本:设置y轴的文本样式,包括字号、字体颜色、字体粗细、角度。
    • 轴标签:设置y轴的标签,支持对显示格式、最小值、最大值、分割数设置。
      • 显示格式支持设置自动、取整、保留一位小数、保留两位小数、保留三位小数、保留四位小数、保留五位小数。
      • 最小值支持自动取整和数据最小值。
      • 最大值支持自动取整和数据最大值。
      • 分割数输入值不能小于1。
    • 轴单位:设置y轴的单位和颜色。
    • 坐标轴:设置y轴轴线的颜色。
    • 显示/隐藏网格线:单击“网格线”右侧的勾选框,表示显示网格线,表示隐藏网格线。
    • 线条格式:设置网格线的线条格式,其中包含实线、虚线、点划线,网格线的颜色也支持配置。
    图4 y轴
  • 图例
    • 显示/隐藏图例:单击“显示图例”左侧的勾选框,表示显示图例,表示隐藏图例。
    • 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。
    • 布局:设置图例的位置,支持顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。
      图5 图例
  • 提示信息
    • 显示/隐藏提示信息:勾选表示预览或查看发布组件时显示的提示信息;不勾选表示预览或查看发布组件时不显示提示信息。
    • 触发类型:设置提示信息的触发类型,可以选择坐标轴或数据项。
    • 颜色:设置提示信息的字体颜色。
    • 字号:设置提示信息的字号大小。
    • 字体粗细:设置提示信息的字体粗细样式。
      图6 提示信息
  • 动画
    • 显示/隐藏动画:单击“显示动画”左侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。
    • 入场动画:组件第一次渲染动画的时长,单位为ms。

      入场动画输入值不能为0,默认值是1000ms。

    • 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
    • 各系列依次动画:开启后,各系列依次动画显示。未开启时,所有的系列同时动画显示。
    • 更新动画:组件数据更新时的动画时长,单位为ms。
    • 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。
      图7 动画
  • 数值设置:支持对数值的语境、单位、科学计数法、使用千分位分割符、小数位的设置。
  • 系列
    • 配色方案:支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。
      图8 配色方案
    • 系列:支持对系列颜色的配置(纯色和渐变色)。
      渐变色可设置起点、终点颜色,起点终点颜色也可互换。
      图9 系列颜色配置

交互

  • 联动
    1. 单击“高级 > 联动”,进入线状图联动设置页面,参考表4设置参数。
      表4 图表联动设置

      参数

      说明

      过滤

      设置时需要先选择需要绑定的字段,选择完成之后选择需要关联的图表,支持选择大屏二维表上的图表。

      显隐

      设置时先选择需要的字段,选择完成之后选择需要关联的图表,支持全选大屏上的图表。

    2. 参数设置完成之后,单击“确定”完成联动设置。具体示例请参见联动示例
  • 跳转
    1. 单击“交互”进入交互页面。
    2. 单击“高级 > 跳转 ”,进入图表跳转页面。
      图10 交互页面
    3. 单击需要绑定的字段。
    4. 设置跳转类型、打开方式、跳转报表/大屏、关联参数,单击确定,完成跳转设置。具体示例请参见跳转示例

      也可携待参数跳转,具体示例请参见携带参数跳转示例

      表5 参数说明

      参数

      描述

      跳转类型

      系统内部跳转:跳转到内部的大屏和仪表板项目。

      外部跳转:跳转到非软件中的链接。

      打开方式

      当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。

      新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。

      弹窗打开:当单击设置跳转的图表后,以弹框的形式打开跳转的图表(弹框大小可设置)。

      跳转报表/大屏选择

      1. 先选择项目。
      2. 再选择仪表板/大屏。
        说明:

        当跳转类型选择内部跳转时,需要设置此步骤。

      关联参数

      当前大屏的生效参数。

      • 关联字段:将关联的字段携带到跳转的图表中。
      • 填固定值:跳转的图表只过滤固定值,例如固定值设置为“city”,跳转的的图表显示过滤“city”字段。
      • 控件变量:在下拉框、搜索、Tab列表中选择的每一个值都是控件变量设置的变量值。例如在下拉框中选择“city”,则控件变量的变量值为“city”,跳转的图表过滤出“city”字段。
      • 全局变量:将全局变量中的值携带到跳转的图表中。

效果图

图11 线状图示例
分享:

    相关文档

    相关产品