双轴折线柱图
字段
- 在“数据”标签页选择数据集,并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。
表1 字段参数 参数
参数说明
字段显示内容
单击列内字段的,选择“字段显示内容”单击,在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改。
聚合方式
选择“聚合方式”单击,支持设置无聚合、求和、计数、去重计数、最大值、最小值、平均值、总体标准差、样本标准差、样本方差、区间起始值、区间结束值。
钻取
支持对维度字段进行钻取功能的设置。如按照时间维度,可以从年份粒度下钻到季度/月份/周/天/小时/分钟/秒粒度查看数据情况。- 单击列内字段,将要钻取的目标位置的字段拖拽至“钻取”内。
- 单击更新,测试钻取功能是否设置成功。
说明:
- 只支持维度字段下钻,不支持度量字段下钻。
- 只有一个字段可以作为下钻的起点。
- 钻取的是时间时,自动将它的细分时间置入下钻顺序列表,并将它们放进排序字段中(已在排序中的字段不再加入)。
- 已下钻的字段需高亮下钻图标,将维度中的钻取字段删掉,则整个钻取功能框都消失。
- 设置颜色图例:将所需字段拖拽至“字段 > 颜色图例”内。
- 设置过滤
- 在数据列内的维度和度量列表内找到需要的数据字段。
- 单击过滤内的需要设置过滤字段上的,进入设置过滤器页面。
- 过滤参数设置完成后,单击“确认”完成过滤参数设置。
表2 过滤器参数 字段类型
参数
参数说明
string
按条件过滤
过滤方式:支持按条件过滤和按枚举过滤方式。
条件形式:支持设置且条件和或条件。
过滤条件:支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。
按枚举过滤
查询形式:支持单选和多选。
过滤条件:支持>、≥、<、≤、=、≠、为空、不为空等设置。
度量
条件形式
支持设置且条件和或条件。
过滤条件
支持>、≥、<、≤、=、≠、为空、不为空等设置,支持选择聚合前数据和聚合后数据。
说明:选择“聚合前”,将对聚合前的数据进行过滤,选择“聚合后”,将对聚合后的数据进行过滤,聚合相关概念请参见创建数据集。
单击“新建筛选条件”可以设置多个过滤条件。
date
按区间值过滤
设置时间区间进行过滤。
按单值过滤
设置单个时间进行过滤。
按条件过滤
支持设置且条件和或条件,支持>、≥、<、≤、=等设置。
单击“新建筛选条件”可以设置多个过滤条件。
- 设置排序
- 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。
- 单击排序内字段的,选择排序方式。支持以下排序方式:升序、降序、自定义。
- 如果想取消排序,单击排序内字段的即可。
- 查询返回数限制
- 设置自动刷新
样式
本章节介绍双轴折线柱图的样式的各项配置的含义。
- 尺寸位置
- W:设置图表的宽,单位为px。
- H:设置图表的高,单位px。
- X:设置图表在画布中的位置。单位为px。
- Y:设置图表在画布中的位置。单位为px。
- 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。
图1 尺寸位置
- 全局样式
- 字体:设置图表中文字的字体。
图2 全局样式
- 折线样式:平滑的曲线,取值范围0~1。
- 柱子样式
- 柱子宽度:设置柱子宽度,可以通过输入数值或单击“-”或“+”调节。输入值不能为空,输入值必须在1到100之间。
- 柱子圆角度:设置柱子圆角度,可以通过输入数值或单击“-”或“+”调节。输入值不能为空,输入值必须在0到100之间。
- 系列间距:设置系列间距,可以通过输入数值或单击“-”或“+”调节。输入值不能为空,输入值必须在-100到100之间。
图3 柱子样式
- 边距
- 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击“-”或“+”调节。
- 底部:设置图表与图层底部的间距,可以通过输入数值或单击“-”或“+”调节。
- 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击“-”或“+”调节。
- 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击“-”或“+”调节。
图4 边距
- x轴
- 显示/隐藏x轴:单击“显示x轴”侧的勾选框,表示显示x轴,表示隐藏x轴。
- 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细。
- 轴标签:显示轴标签的角度,取值范围-90~90。
- X轴线颜色:设置x轴的颜色。
- 显示/隐藏网格线:单击“网格线”右侧的勾选框,表示显示网格线,表示隐藏网格线。
- y1轴
- 文本:设置y1轴的文本样式,包括字号、字体颜色、字体粗细。
- 轴标签:设置y1轴的标签,支持对显示格式、最小值、最大值、分割数设置。
- 显示格式支持设置自动、取整、保留一位小数、保留两位小数、保留三位小数、保留四位小数、保留五位小数。
- 最小值支持自动取整和数据最小值。
- 最大值支持自动取整和数据最大值。
- 分割数输入值不能小于1。
- 轴单位:设置y1轴的单位和颜色。
- 坐标轴:设置y1轴轴线的颜色。
- 显示/隐藏网格线:单击“网格线”右侧的勾选框,表示显示网格线,表示隐藏网格线,网格线的颜色也支持配置。
图5 y1轴
- y2轴
- 文本:设置y2轴的文本样式,包括字号、字体颜色、字体粗细。
- 轴标签:设置y2轴的标签,支持对显示格式、最小值、最大值、分割数设置。
- 显示格式支持设置自动、取整、保留一位小数、保留两位小数、保留三位小数、保留四位小数、保留五位小数。
- 最小值支持自动取整和数据最小值。
- 最大值支持自动取整和数据最大值。
- 分割数输入值不能小于1。
- 轴单位:设置y2轴的单位和颜色。
- 坐标轴:设置y2轴轴线的颜色。
- 显示/隐藏网格线:单击“网格线”右侧的勾选框,表示显示网格线,表示隐藏网格线,网格线的颜色也支持配置。
图6 y2轴
- 图例
- 显示/隐藏图例:单击“显示图例”左侧的勾选框,表示显示图例,表示隐藏图例。
- 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。
- 布局:设置图例的位置,支持顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。
图7 图例
- 提示信息
- 显示/隐藏提示信息:勾选表示预览或查看发布组件时显示的提示信息;不勾选表示预览或查看发布组件时不显示提示信息。
- 触发类型:设置提示信息的触发类型,可以选择坐标轴或数据项。
- 颜色:设置提示信息的字体颜色。
- 字号:设置提示信息的字号大小。
- 字体粗细:设置提示信息的字体粗细样式。
图8 提示信息
- 动画
- 显示/隐藏动画:单击“显示动画”左侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。
- 入场动画:组件第一次渲染动画的时长,单位为ms。
入场动画输入值不能为0,默认值是1000ms。
- 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
- 各系列依次动画:开启后,各系列依次动画显示。未开启时,所有的系列同时动画显示。
- 更新动画:组件数据更新时的动画时长,单位为ms。
- 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。
图9 动画
- 数值设置:支持对数值的语境、单位、科学计数法、使用千分位分割符、小数位的设置。
- 系列
- 配色方案:支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。
图10 配色方案
- 系列:支持对系列颜色的配置(纯色和渐变色)。
- 配色方案:支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。
交互
- 联动
- 跳转
- 单击“交互”进入交互页面。
- 单击“高级>跳转 ”,进入图表跳转页面。
图12 交互页面
- 单击需要绑定的字段后面的,弹出关联字段框。
- 单击,选择需要绑定的字段。
- 设置跳转类型、打开方式、跳转报表/大屏、关联参数,单击确定,完成跳转设置。具体示例请参见跳转示例。
- 也可携带参数跳转,具体示例请参见携带参数跳转示例。
- 如果涉及到需要设置字段的图表,请先在字段中设置,然后进入图表跳转页面设置绑定字段,否则无法跳转。
表4 参数说明 参数
描述
跳转类型
系统内部跳转:跳转到内部的大屏和仪表板项目。
外部跳转:跳转到非软件中的链接。
打开方式
当前窗口打开:当单击设置跳转的图表后,会在当前窗口打开跳转的图表。
新窗口打开:当单击设置跳转的图表后,会在新窗口打开跳转的图表。
弹窗打开:当单击设置跳转的图表后,以弹框的形式打开跳转的图表(弹框大小可设置)。
跳转报表/大屏选择
- 先选择项目。
- 再选择仪表板/大屏。
说明:
当跳转类型选择内部跳转时,需要设置此步骤。
关联参数
当前大屏的生效参数。
- 关联字段:将关联的字段携带到跳转的图表中。
- 填固定值:跳转的图表只过滤固定值,例如固定值设置为“city”,跳转的图表显示过滤“city”字段。
- 控件变量:在下拉框、搜索、Tab列表中选择的每一个值都是控件变量设置的变量值。例如在下拉框中选择“city”,则控件变量的变量值为“city”,跳转的图表过滤出“city”字段。
- 全局变量:将全局变量中的值携带到跳转的图表中。
携带条件
当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤,方便用户分析数据。
- 前提条件:设置两个大屏A、B,大屏A跳转到大屏B。
- 操作步骤:
- 大屏B配置全局参数,设置全局参数的字段,大屏A中也必须存在。
- 在大屏A中设置跳转参数,跳转报表选择大屏B,关联字段选择全局参数中设置的字段。
- 勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,过滤出空字段行,大屏B的URL出现param参数。
- 未勾选携带空值,单击确定。
- 大屏A绑定字段出现下划线,单击绑定字段,跳转到大屏B,出现图表的全部数据,大屏B的URL未出现param参数。