1. 业务场景
进入数据可视化后,默认处于图表列表页面,点击报表/数据大屏图标则可切换至对应列表;支持从模型获取数据后,过滤数据后创建可视化图表,维护的图表信息可以被报表、数据大屏、以及业务系统引用。
2. 操作流程
1)进入数据可视化,进入图表tab,维护分组信息;
2)在二级分组名称后点击“+”【添加图表】,对图表进行编辑设计;
3)创建完成后可以【编辑】图表;
4)图表完善后,可以点击【发布】图表,则图表此时可以被引用;
5)如果图表有更新,则可以点击【更新发布】,使业务系统引用对图表变为最新的图表信息;
6)如果图表数据不再可以公开使用,则需要通过【隐藏】功能将图表的引用权限收起,此时报表、数据大屏、前端业务系统均不可再引用该图表,但不影响已被引用的图表;
7)隐藏后可以【取消隐藏】,图表恢复隐藏前的状态和功能,可以被引用。
3. 操作流程图解
3.1 创建分组
1)操作流程:创建分组
2)操作路径:数据可视化-图表-创建分组
3)点击搜索框后的「+」创建一级分组,输入一级分组名称后,点击一级分组后的「+」创建二级分组,输入二级分组名称后,此时分组创建完成,可以在二级分组下创建图表
3.2 编辑分组名称
1)操作流程:选择分组-编辑分组名称
2)操作路径:数据可视化-图表-编辑分组名称
3)鼠标移动至需要修改的分组上,点击出现的「编辑图标」,可以修改分组名称,修改后分组名称实时更新
3.3 删除分组
1)操作流程:选择分组-删除分组
2)操作路径:数据可视化-图表-删除分组
3)鼠标移动至需要删除的分组上,当分组下无图表时出现「删除图标」,可以点击图标后删除分组,删除一级分组时对应所有的二级分组也会被删除,删除后消失,只有分组下没有图表的分组才能直接删除成功
3.4 创建图表
1)操作流程:选择二级分组-创建图表
2)操作路径:数据可视化-图表-二级分组-创建图表
3)鼠标移动至需要创建图表的二级分组上,出现「+」,点击图标后弹出“创建图表”弹窗,需要填写图表标题、模型、方法;
a图表标题:最大支持20个字,支持汉字、数字、大小写字母、-;同个一级分组下不允许重复;
b模型:需要选择来源数据对应的模型;
c方法:选择模型后需要选择方法,方法是用来提取模型数据的逻辑;
4)选择成功后进入图表设计页面
3.5 编辑图表
1)操作流程:选择图表-编辑图表
2)操作路径:数据可视化-图表-二级分组-图表-编辑图表
3)只能编辑未发布或者已发布但没有被隐藏的图表,且存在三种编辑情况
a第一种:点击图表标题后的编辑图标,仅能编辑图表标题;
b第二种:点击图表中的图表标题、图表副标题、图表描述后的编辑图标,可以直接编辑图表标题、图表副标题、图表描述;
c第三种:点击【编辑】按钮,进入图表设计页面,带出已有的数据字段、样式、图表内容,编辑时的规则与创建时一致,编辑后可以点击保存进行更新,如果未保存直接返回,则编辑无效;
4)编辑后实时生效,图表信息保持展示最新效果
3.6 删除图表
1)操作流程:选择图表-删除图表
2)操作路径:数据可视化-图表-二级分组-图表-删除图表
3)未发布或者已发布但没有被隐藏的图表,并且没被前端或者报表引用,才展示图表菜单名称后的删除图标
4)删除后图表消失
3.7 复制
1)操作流程:选择图表-复制图表
2)操作路径:数据可视化-图表-二级分组-图表-复制图表
3)点击【复制】按钮,复制成功,名称为copy of 原图表标题,展示在原图表分组的最后一个
3.8 发布
1)操作流程:选择图表-发布图表
2)操作路径:数据可视化-图表-二级分组-图表-发布
3)选择单个未发布且没有被隐藏的图表,点击【发布】按钮,图表发布后可以被前端引用,图表状态变为已发布,展示最近发布时间;
4)如果图表发布后有更新内容,会展示的更新类型:更新图表信息/更新图表内容
3.9 查看最近一次发布的版本
1)操作流程:选择图表-查看最近一次发布的版本
2)操作路径:数据可视化-图表-二级分组-图表-查看最近一次发布的版本
3)当图表发布后有更新,在最近发布时间左侧展示【查看】,在最近发布时间下展示更新的类型,点击查看可以查看最近发布的版本
3.10 更新发布
1)操作流程:选择图表-更新发布图表
2)操作路径:数据可视化-图表-二级分组-图表-更新发布图表
3)选择单个已发布且没有被隐藏的图表,并且该图表在上次发布后有所更新,可以点击【更新发布】按钮,将最新的图表内容发布至业务系统,业务系统引用的图表为最新内容;
4)如果更新了内容,但未点击更新发布,则前端业务系统查看的图表仍为最近发布的图表
3.11 隐藏
1)操作流程:选择图表-隐藏图表
2)操作路径:数据可视化-图表-二级分组-图表-隐藏图表
3)图表默认不隐藏,点击图表左侧的是否隐藏可以切换,切换是否隐藏=是
a未发布的图表,较隐藏前,不可以操作【发布】,可以【取消隐藏】;
b已发布的图表,较隐藏前,只能操作【导出图片、导出excel、取消隐藏】;
4)隐藏后的图表不可以被引用,但不影响已经被引用的数据
3.12 取消隐藏
1)操作流程:选择图表-取消隐藏图表
2)操作路径:数据可视化-图表-二级分组-图表-取消隐藏图表
3)隐藏后的图表可以取消隐藏,切换是否隐藏=否,取消隐藏后,图表恢复隐藏前的状态和功能,可以被引用
3.13 查看引用
1)流程:选择图表-查看被哪些报表/数据大屏/页面引用
2)操作路径:数据可视化-图表-二级分组-图表-更多-查看引用
3)选择具体的图表,查看当前图表被引用的所有信息
3.14 不允许别人编辑
1)流程:选择图表-不允许别人编辑
2)操作路径:数据可视化-图表-二级分组-图表-更多-不允许别人编辑
3)选择自己创建的图表,对图表是否允许其他人编辑进行设置;如果设置为不允许,则其他人无法编辑图表
3.15 不允许别人引用
1)流程:选择图表-更多-不允许别人引用
2)操作路径:数据可视化-图表-二级分组-图表-更多-不允许别人引用
3)选择自己创建的图表,对图表是否允许他人引用进行设置;如果设置为不允许,则其他人无法在报表、数据大屏、界面设计器引用到该图表
3.16 导出图片
1)操作流程:选择图表-导出图片
2)操作路径:数据可视化-图表-二级分组-图表-图表导出图片
3)选择图表后,点击【导出图片】按钮可以将当前图表导出为图片
3.17 导出EXCEL
1)操作流程:选择图表-导出EXCEL
2)操作路径:数据可视化-图表-二级分组-图表-图表导出EXCEL
3)选择图表后,点击【导出EXCEL】按钮可以将当前图表导出为EXCEL
4. 图表设计页面
4.1 修改模型、方法
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)在“创建图表”弹窗中选择了模型和方法后,可以在进入图表设计页面修改
4)图表设计页面,点击模型后的设置图标后,右侧弹出弹窗,可以修改模型和获取模型数据的方法,需要注意的是:修改模型后,图表信息会清空
4.2 维度
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)维度字段:布尔、文本、枚举、日期时间、年份、日期、时间、用户ID、手机号、邮箱
4.2.1 维度的添加
1)图表设计页面,点击维度后的「+」,右侧弹出弹窗,展示所有的维度字段,可以选择对应的字段进行分析
a拖动字段进入维度列表
b点击字段,则字段进入维度列表
2)不同的图表支持的维度个数不同,当维度字段个数已达上限后不可再添加;此时拖动新字段到旧字段上后,新字段会代替旧字段进行数据分析,且会保留相同的样式
4.2.2 维度的删除
1)维度选择后,鼠标放到维度字段上,显示「删除图标」
2)点击则字段删除成功,维度字段的效果消失
4.2.3 修改维度展示名称
1)维度选择后,鼠标放到维度字段上,显示「设置图标」
2)点击后下方弹出「修改展示名称」的设置选项,点击后右侧出现修改展示名称的弹窗,可以进行修改,在输入框下方可以查看原字段名称
4.3 数值
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)数值字段:整数、浮点数、金额、(连续的日期时间、年份、日期、时间)
4.3.1 数值的添加
1)图表设计页面,点击数值后的「+」,右侧弹出弹窗,展示所有的数值字段,可以选择对应的字段进行分析
a拖动字段进入数值列表
b点击字段,则字段进入数值列表
2)不同的图表支持的数值个数不同,当数值字段个数已达上限后不可再添加;此时拖动新字段到旧字段上后,新字段会代替旧字段进行数据分析,且会保留相同的样式
3)拖入的数值字段中,可以同时拖入整数、浮点数、金额;但是拖入字段类型=年份/日期时间/日期/时间后,不可以拖入其他字段类型的数值字段
4)饼图、漏斗图不可以在数值列表中拖入字段类型=年份/日期时间/日期/时间的字段
4.3.2 数值的删除
1)数值选择后,鼠标放到数值字段上,显示「删除图标」
2)点击则字段删除成功,数值字段的效果消失
4.3.3 修改数值展示名称
1)维度选择后,鼠标放到数值字段上,显示「设置图标」
2)点击后下方弹出可以设置的选项,点击「修改展示名称」选项,点击后右侧出现修改展示名称的弹窗,可以进行修改,在输入框下方可以查看原字段名称
4.3.4 修改数值聚合方式
1)维度选择后,鼠标放到数值字段上,显示「设置图标」
2)点击后下方弹出可以设置的选项,点击「聚合方式」选项,点击后右侧出现修改展示名称的弹窗,可以进行修改
3)默认是求和,可以修改为「无处理、最小值、最大值、平均值、计数」
a求和:将维度值对应的所有数值进行加和
b无处理:取维度值对应数值中的最近一条不为空的值
c最小值:取维度值对应数值中的最小值
d最大值:取维度值对应数值中的最大值
e平均值:取维度值对应数值的平均值
f计数:计算维度值对应的数值个数
4)修改后实时更新图表信息,会影响辅助线取数值字段时的值
4.3.5 修改数值数据格式
1)维度选择后,鼠标放到数值字段上,显示「设置图标」
2)点击后下方弹出可以设置的选项,点击「数据格式」选项,点击后右侧出现修改数据格式的弹窗,可以进行修改
3)可以设置字段的数据类型、单位;
a数据类型:默认为「默认」,可修改为「数值、货币、百分比」
ⅰ类型=默认:与原数据保持一致
ⅱ类型=数值:选择数值保留的小数精度,默认是两位小数,最大支持6位
ⅲ类型=货币:需要选择一种货币,也可以设置需要展示的精度;选择后货币会展示在图表的数值字段后,也会展示在数值上
ⅳ类型=百分比:选择数值保留的小数精度,可以选择处以100,选择后数值会展示为处以100后的百分比
b单位:设置数值字段对应的单位名称,设置后会展示在图表的数值字段后
4)修改后实时更新图表信息
4.4 筛选
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
4.4.1 筛选的添加
1)图表设计页面,点击筛选后的「+」,右侧弹出弹窗,展示所有的维度、数值字段,可以选择对应的字段进行筛选,支持筛选多个字段
a拖动字段进入筛选列表
b点击字段,则字段进入筛选列表
2)选择字段后,可以设置具体的筛选条件
4.4.2筛选的删除
1)筛选字段选择后,鼠标放到筛选字段上,显示「删除图标」
2)点击则字段删除成功,筛选字段的效果消失
4.4.3 维度字段设置筛选条件
1)鼠标放到筛选字段上,显示「设置图标」,点击后针对当前字段值进行筛选
2)筛选字段的字段类型=维度时,需要选择进入图表的数据,此时如果勾选了排除,则是未勾选的数据进入图表
4.4.4 数值字段设置筛选条件
1)鼠标放到筛选字段上,显示「设置图标」,点击后针对当前字段值进行筛选
2)筛选字段的字段类型=数值时,需要选择条件、填写条件对应的数值
a条件:默认为「大于」,可修改为「大于等于、小于、小于等于、等于、不等于、区间」;修改为区间时,必须填写区间的起始值和终点值
3)填写完成后点击【确认】,筛选过滤成功,图表上展示的数据仅为筛选后的内容
4.5 排序
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
4.5.1 排序的添加
1)图表设计页面,点击排序后的「+」,右侧弹出弹窗,展示所有的维度、数值字段,可以选择对应的字段进行排序,最多按一个字段进行排序
a拖动字段进入排序列表
b点击字段,则字段进入排序列表
2)选择字段后,默认为按排序字段的值升序排列,可以设置其他顺序,维度值会按照指定的顺序从上到下/从左到右进行排列
3)字段值的默认排序:数字>大写字母>小写字母>汉字>符号>null
4.5.2 排序的删除
1)排序字段选择后,鼠标放到排序字段上,显示「删除图标」
2)点击则字段删除成功,排序字段的效果消失,字段恢复原始排序
4.5.3 维度字段设置排序
1)鼠标放到排序字段上,显示「设置图标」,可以设置维度字段的自定义排序,以及对应的升序/降序
a自定义排序
b升序/降序:默认为升序排序,此时展示降序,点击降序则变为降序排序
2)排序字段的字段类型=维度时,需要选择进入图表的数据,此时如果勾选了排除,则是未勾选的数据进入图表
4.5.4 数值字段设置排序
1)鼠标放到排序字段上,显示「设置图标」,可以设置数值字段的聚合方式,以及对应的升序/降序
a聚合方式:默认为求和,可以修改为「无处理、最小值、最大值、平均值、计数」
b升序/降序:默认为按当前聚合方式升序排序,此时展示降序,点击降序则变为按数据聚合方式从大到小排序
2)修改完成后点击【确认】,设置排序成功,图表上展示的维度值顺序按照设置的顺序进行排列,数值一致时,按照默认的维度字段值顺序排序
4.6 图内筛选项
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)将常用的筛选字段通过拖入/点击的方式进入图内筛选项列表,最多拖入6个维度字段,不可以拖入数值字段
4)拖入后可以根据字段进行筛选,筛选后图表展示的数据重新计算
4.7 切换为标准样式
1)操作流程:图表设计页面-进切换为标准样式
2)操作路径:数据可视化-图表-编辑/创建图表进入图表设计页面
3)切换为标准样式后可以恢复字体的默认大小和颜色
4.8 图表样式
进入图表设计页面,默认为单条柱状图,可以进行切换;本期支持的图表有:单条柱状图、多条柱状图、单条形图、多条形图、单条折线图、多条折线图、双Y轴折线图、基础面积图、饼图、环形图、基础漏斗图、表格、地图、仪表盘图、散点图、气泡图、动态气泡图、指标统计图
1)图表标题:需要设置标题/副标题/描述的是否展示、位置、字号大小、字体颜色;默认标题、副标题、描述均展示
2)坐标轴:需要设置是否展示x轴刻度线、y轴刻度线,以及坐标轴上字段的字号大小、字体颜色
3)标签:需要设置是否展示标签,展示的标签内容(一般是维度字段的值、
4)数值字段名称、数值字段的值,饼图、漏斗图除外)和标签的字号大小、字体颜色
5)图例:需要设置是否展示图例(一般是展示维度字段对应的值,漏斗图除外),展示的位置和图例的字号大小、字体颜色
6)辅助线:支持添加多条辅助线,可以输入数值,也可以根据图表上的数值字段的平均值/最小值/最大值
7)基本格式(表格):针对表格图表,设置表头/表体的对齐方式、行高、字号大小、字体颜色、背景颜色
8)小计(表格):针对表格图表,设置是否展示小计,以及展示的小计对齐方式、行高、字号大小、字体颜色、背景颜色
4.8.1 单条形图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为基础条形图,此时可以选择一个维度字段和一个数值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、标签、辅助线、显示设置、下钻
5)样式效果配置后即时生效
4.8.2 多条形图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为多条形图,此时可以选择一个维度字段和多个数值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、标签、辅助线、显示设置、下钻
5)样式效果配置后即时生效
4.8.3 单条柱状图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)默认为单条柱状图,此时可以选择一个维度字段和一个数值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、标签、图例、辅助线
5)样式效果配置后即时生效
4.8.4 多条柱状图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为多条柱状图,此时可以选择一个维度字段和多个数值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻
5)样式效果配置后即时生效
4.8.5 单条折线图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为单条折线图,此时可以选择一个维度字段和一个数值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻
5)样式效果配置后即时生效
4.8.6 多条折线图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为多条折线图,此时可以选择一个维度字段和多个数值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻
5)样式效果配置后即时生效
4.8.7 双y轴折线图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为双Y轴折线图,此时可以选择一个维度字段和多个数值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、标签、图例、辅助线、显示设置、下钻
5)样式效果配置后即时生效
4.8.8 面积图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为面积图,此时可以选择一个维度字段和一个数值字段生成图表
4)图表生成后可以配置样式:图表标题、标签(还可以选择展示百分比)、图例
5)样式效果配置后即时生效
4.8.9 饼图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为饼图,此时可以选择一个维度字段和一个数值字段生成图表
4)图表生成后可以配置样式:图表标题、标签(还可以选择展示百分比)、图例、下钻
5)样式效果配置后即时生效
4.8.10 环形图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为环形图,此时可以选择一个维度字段和一个数值字段生成图表
4)图表生成后可以配置样式:图表标题、标签、图例、下钻
5)样式效果配置后即时生效
4.8.11 漏斗图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为漏斗图,此时可以选择一个维度字段和一个数值字段、或者0个维度字段和多个数值字段生成图表
4)图表生成后可以配置样式:图表标题、标签、图例、下钻
a标签:一个维度字段和一个数值字段的标签是维度字段的值、数值字段名称、数值字段的值;0个维度字段和多个数值字段的标签是数值字段名称、数值字段的值;
b图例:一个维度字段和一个数值字段的标签是维度字段的值;0个维度字段和多个数值字段的标签是数值字段名称;
5)样式效果配置后即时生效
4.8.12 表格
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为表格,此时可以选择多个维度字段和多个数值字段生成图表
4)图表生成后可以配置样式:图表标题、基本格式、小计、显示设置、下钻
5)样式效果配置后即时生效
4.8.13 地图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为地图,此时可以选择一个维度字段和一个数值字段生成图表
4)图表生成后可以配置样式:图表标题、标签、图例、显示设置、下钻
5)样式效果配置后即时生效
4.8.14 仪表盘图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为仪表盘,此时可以选择一个当前数值字段字段和一个目标数值字段生成图表
4)图表生成后可以配置样式:图表标题、标签、颜色设置、角度设置
5)样式效果配置后即时生效
4.8.15 散点图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为散点图,此时可以选择一个维度字段和一个数值X轴、一个数值Y轴字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、辅助线、下钻
5)样式效果配置后即时生效
4.8.16 气泡图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为气泡图,此时可以选择一个维度字段和一个数值X轴、一个数值Y轴、一个气泡大小字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、图例、
5)样式效果配置后即时生效
4.8.17 动态气泡图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为动态气泡图,此时可以选择一个维度字段和一个数值X轴、一个数值Y轴、一个气泡大小、一个动态值字段生成图表
4)图表生成后可以配置样式:图表标题、坐标轴、图例、下钻、动画设置
5)样式效果配置后即时生效
4.8.18 指标统计图
1)操作流程:创建图表-进入图表设计页面
2)操作路径:数据可视化-图表-二级分组-图表-创建图表
3)切换图表为指标统计图,此时可以选择多个数值字段生成图表
4)图表生成后可以配置样式:图表标题、显示设置
5)样式效果配置后即时生效
Oinone社区 作者:史, 昂原创文章,如若转载,请注明出处:https://doc.oinone.top/oio4/9422.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验