您是否已被无穷无尽的图表开发需求淹没?
又或者很努力可仍然被指责不能及时解决业务部门的数据问题?
每天都在努力搬砖,为什么工作量反而越来越大,效率越来越低?
传统的前端展示开发,仍然处于比较低效的状态,开发者仍然要面对选择框架、选择各种库、选择部署方式、沟通前后端接口等问题,一个完整的应用开发会牵扯很多不同的工种,而不同分工人员之间的协作却是很低效的。
那么,要如何解决这个问题呢?最快捷的方式,莫过于利用一套低门槛、可视化的全自动开发工具。
SoFlu软件机器人便是这样一个工具! 覆盖全流程软件生命周期,实现后端开发、前端开发、测试、运维一体化。
而SoFlu软件机器人的前端全自动开发平台提供可视化开发模式,能够快速开发前端界面交互;提供丰富的页面控件实现页面自定义开发,无业务场景限制;简化后端接口数据联调,生成前端部署包实现应用项目私有化部署。
近期
SoFlu软件机器人
前端全自动开发平台又发布了一大波更新
到底有啥不同,咱们一起往下看
福利时间
想看NBA最新赛事?
湖人将在主场如何迎战勇士?
詹姆斯浓眉冲击季后赛实况?
转发此文至朋友圈
并说说以下哪个功能对你最有用
即可获得腾讯视频会员月卡1张
仅限前20名,先到先得
快来完成任务领取腾讯视频会员
即享高清4K观看体验~
你以为这就完了吗
不不不
我们还有惊喜大奖
20位小伙伴同时还有抽奖福利
赢取2023最新款SKG颈椎按摩仪
只有1位幸运鹅噢
偷偷告诉你
现在扫码填写申请可免费试用
1.新增下拉树选择组件
基本概述:下拉树选择组件是一个类似于下拉选择框的选择组件,可选择的数据结构是一个层级结构。可使用的场景为分类目录等。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“下拉树选择”组件至中间画布。
步骤二:设置组件的选择框详情配置。
说明:搜索框只有在单选时才生效,开启多选后不显示搜索框。
步骤三:在“下拉树详情设置”中配置下拉选择数据,以及搜索框提示内容等。
说明:数据源可以通过绑定变量或自行填写。
步骤四:单击“绑定动作”,根据需求设置相应的动作。
说明:控件的值即为选中项的值。
步骤五:在预览页面,单击下拉框选择内容。
2.新增气泡图组件
基本概述:气泡图是一种多变量的统计图表,由笛卡尔坐标系(直角坐标系)和大小不一、颜色不同的圆组成,可以看作是散点图的变形。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“气泡图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义气泡图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
说明:
内置图形:可以选择不同气泡形状进行展示。
气泡颜色:可以自定义气泡颜色。
气泡大小:可以设置气泡的最大最小值范围。
气泡样式:可以设置气泡的透明度和气泡线条颜色。
四象限标题:可以自定义四象限中各个象限展示的标题
x轴样式:可以自定义x轴的颜色。
y轴样式:可以自定义y轴的颜色。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
3.新增双折线图组件
基本概述:双折线图是通过指定双轴对应图形,来实现混合图表功能的统计图表。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“双折线图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义双折线图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
4.新增子弹图组件
基本概述:子弹图可以通过线性表达方式展示单一数据源各阶段精确的数据信息、某项数据与不同目标的校对结果等。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“子弹图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义子弹图内容,也可以绑定变量根据变量内容显示。
说明:数据支持多种格式,如堆叠、分组,具体详细请参考控件文档。
步骤三:自定义设置组件的其他属性。
说明:
颜色:可以自定义背景条颜色、数据条颜色,以及目标数据条颜色。
自定义图例:可以自定义实际值和目标值展示的图例。
自定义label:可以自定义数据条中显示的数据。
方向:可以自定义子弹图的方向。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
5.新增玫瑰图组件
基本概述:玫瑰图实际是一种2维极坐标统计图,以动径和动径角表示制图对象按多项指标的统计数据,有很好的直观效果。常用于表示气象、气候现象如测站的风向频率等。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“玫瑰图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义玫瑰图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
说明:
xField:设置玫瑰图X节点数据字段,如type对应数据源中的type字段。
yField:设置玫瑰图Y节点数据字段,如value对应数据源中的value字段。
分组字段:用于对数据进行分组的字段,如user对应数据源中的user字段。
圆角:玫瑰图的半径长度。
内部标签:标签距离扇形外弧距离。
分组:根据分组字段,对玫瑰图进行分组展示。
是否堆叠:开关打开后,type名称相同的将会进行堆叠。
条件状态:开关开启后,鼠标悬浮在对应类型上时,会有选中样式。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
6.新增桑基图组件
基本概述:桑基图是一种特定类型的流程图,可以通过自定义数据或配置,来决定图中分支的宽度对应流量分支的大小以及样式。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“桑基图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义桑基图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
说明:
来源节点数据:设置桑基图来源节点数据,如source对应源数据中的source字段。
目标节点数据:设置桑基图目标节点数据,如target对应源数据中的target字段。
节点之间关系的权重:设置桑基图节点之间关系的权重,如value对应源数据中的value字段。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
7.新增弦图组件
基本概述:弦图是一种通过颜色和线条的粗细,来展示数据之间相互关系的图形。适合分析复杂数据的关联关系,特别是双向关系以及数据的流动情况等。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“桑基图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义桑基图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
8.新增热力图组件
基本概述:热力图可以把数据以图形的样式展示出来,其中数据值的大小以颜色来进行区分,通过热力图,可以使复杂的数据变得一目了然。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“热力图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义热力图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
9.新增矩形树图组件
基本概述:矩形树图采用多组面积不等的矩形嵌套而成,根据各个小矩形的面积大小以及颜色,可以轻松看出每个子项的占比。同时也可以根据不同数据结构,实现下钻交互。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“矩形树图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义矩形树图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
说明:
下钻交互:在配置下钻交互的数据格式后,打开开关,在预览页面点击可以下钻。
图标交互:打开开关后,canavs自动识别zoom手势,进行放大或缩小矩形树图。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
10.新增雷达图组件
基本概述:雷达图可以将不同系列的多个维度的数据量映射到坐标轴上,将同一组的点使用线连接起来,用颜色区分不同维度的数据。
操作示例:
步骤一:在页面开发界面,从左侧控件库中拖拽“雷达图”组件至中间画布。
步骤二:单击右侧属性“编辑代码”,自定义雷达图内容,也可以绑定变量根据变量内容显示。
步骤三:自定义设置组件的其他属性。
步骤四:当属性配置不足以满足需求时,可以打开“自定义配置”来自定义配置属性。
说明:
1、开关开启后,自定义配置中默认包含右侧所有属性,预览时将会按照自定义的配置展示。
2、当属性中某个配置在自定义配置中没有时,预览时该配置会生效。
以上就是本次更新的全部内容啦
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。