更新时间:2024-12-16 GMT+08:00
分享

线状图表

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

字段

  1. 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
    表1 字段参数

    参数

    参数说明

    字段显示内容

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

    聚合方式

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

    钻取

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

      字段类型

      参数

      参数说明

      string

      按条件过滤

      过滤方式:支持按条件过滤和按枚举过滤方式。

      条件形式:支持设置且条件和或条件。

      过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。

      按枚举过滤

      查询形式:支持单选和多选。

      过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。

      度量

      条件形式

      支持设置且条件和或条件。

      过滤条件

      支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。

      说明:

      选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集

      单击“新建筛选条件”可以设置多个过滤条件。

      date

      按区间值过滤

      设置时间区间进行过滤。

      按单值过滤

      设置单个时间进行过滤。

      按条件过滤

      支持设置且条件和或条件,支持>、≥、<、≤、=等设置。

      单击“新建筛选条件”可以设置多个过滤条件。

  4. 设置排序
    1. 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。
    2. 单击排序内字段的,选择排序方式。支持以下排序方式:升序、降序、自定义。
    3. 如果想取消排序,单击排序内字段的即可。
  5. 查询返回数限制

    设置查询返回数限制,在输入框输入合适的返回数,默认数值为1000。

  6. 设置自动刷新

    自动刷新间隔时间支持:不刷新、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. 在页面右侧“交互”页签单击“高级>联动”,进入图表联动设置页面,参考表3设置参数。
      表3 图表联动设置参数说明

      参数

      说明

      过滤

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

      • 单击“过滤”,进入过滤页签。
      • 单击需要绑定的字段后面的,弹出关联字段框。
      • 单击,选择需要绑定的字段,勾选关联图表。

      显隐

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

      • 单击“显隐”,进入显隐页签。
      • 勾选关联图表。
    2. 参数设置完成之后,单击“确定”完成联动设置。具体示例请参见联动示例
  • 跳转
    1. 在页面右侧“交互”页签单击“高级>跳转 ”,进入图表跳转页面。
    2. 单击需要绑定的字段后面的,弹出关联字段框,选择需要绑定的字段。
    3. 设置跳转类型、打开方式、跳转报表/大屏、关联参数,单击“确定”完成跳转设置。具体示例请参见跳转示例
      • 支持携带参数跳转,具体示例请参见携带参数跳转示例
      • 设置跳转时,请先将需要绑定的字段请先将其拖入“字段”页签,然后进入图表跳转页面设置绑定字段,否则无法跳转。
      表4 参数说明

      参数

      描述

      跳转类型

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

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

      打开方式

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

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

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

      跳转报表/大屏选择

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

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

      关联参数

      当前大屏的生效参数。

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

      携带条件

      当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤,方便用户分析数据。

      • 前提条件:设置两个大屏A、B,大屏A跳转到大屏B。
      • 操作步骤:
        • 大屏B配置全局参数,设置全局参数的字段,大屏A中也必须存在。
        • 在大屏A中设置跳转参数,跳转报表选择大屏B,关联字段选择全局参数中设置的字段。
        • 勾选携带空值,单击确定。
        • 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,过滤出空字段行,大屏B的URL出现param参数。
        • 未勾选携带空值,单击确定。
        • 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,出现图表的全部数据,大屏B的URL未出现param参数。

效果图

图10 线状图示例

相关文档