datav可视化大屏使用教程
大纲如何快速上手新建应用编辑编辑应用画布编辑器说明组件数据配置如何实现翻牌器和地图组件交互如何实现定时重置回调id如何实现多个大屏的自由交互显示如何快速上手阿里datav官方帮助文档包括文字教程和视频教程。个人建议优先看视频教程,这样可以一两个小时就快速了解所有的基础功能以及操作步骤。新建应用编辑开通账号登录进入工作台后,会看到以下页面,点击”PC端创建"新建应用编辑应用鼠标悬停到新增的应用,点击
如何快速上手
阿里datav官方帮助文档包括文字教程和视频教程。个人建议优先看视频教程,这样可以一两个小时就快速了解所有的基础功能以及操作步骤。
新建应用编辑
开通账号登录进入工作台后,会看到以下页面,点击”PC端创建"新建应用
编辑应用
鼠标悬停到新增的应用,点击"编辑"进入画布编辑器
画布编辑器说明
① 在“全部资产”工具栏右上角有个🔍搜索控件可以自定义输入需要的组件名称(图表、数字块、文本块等在这里都叫组件)
② 在“全部资产”工具栏左边有导航栏也可以快速定位组件类型找到自己需要的组件
③ 在“全部资产”工具栏点击任一组件后,组件会添加到中间画布中,可在画布自由编辑组件
④ 点击画布上方的参考线坐标可以添加参考线,用于高效调整和对齐画布中的组件
⑤ 点击画布中的组件,在左边“图层”工具栏快速定位所在图层。通过拖到组件图层可以实现上移或下移图层,通过点击多选组件图层右键可以将所选图层成组设置。
⑥ 点击画布中的组件,在右边组件编辑栏可以自定义组件设置,包括基础配置、数据源配置和交互配置。
⑦ 在左上角的几个控件按钮可以设置是否显示指定工具栏
⑧ 在右上角的几个控件按钮可以执行预览和发布动作。
组件数据配置
datav支持数据库、API、csv文件等多种数据源类型。回到首页工作台统一配置数据源,在“我的数据”下可添加数据源。
在画布编辑器中点击组件,在右边组件编辑栏配置数据源。
① 选择数据源类型
② 可在编辑框自由编辑数据
③ 数据字段应与value等指定字段名格式一致。
如何实现翻牌器和地图组件交互
情景:现假设翻牌器显示数据表示全国区域的订单数,要求点击地图组件任一省市区域后,翻牌器会跟着显示对应区域的订单数。
步骤1:
在地图组件的交互配置栏,勾选启动“当区域被点击时触发”,将adcode值赋值给ddadcode参数变量(说明:当地图区域被点击时,会将该区域的行政编码传输给adcode字段),即为回调ID。
步骤2:
在翻牌器组件的数据配置栏,选择数据源类型为数据库。在sql语句中,“:”后面跟变量名表示调用该参数变量的数据,将test表中的adcode字段值等于ddadcode参数变量值的dd_cnt字段值赋值给组件指定字段value。
如何实现定时重置回调id
情景:翻牌器默认显示全国订单数,当点击地图任一区域后翻牌器会显示为对应区域的订单数。希望间隔一定时间后,翻牌器恢复显示全国订单数。
步骤1:组件导出蓝图编辑器
选定组件图层右键选择点击”导出蓝图编辑器“后,对应的组件图层会有已导出标记。点击左上角按钮进入蓝图编辑器。
步骤2:蓝图配置流程控制
① 已导出到蓝图编辑器的组件可以在左边”导入节点“栏查看,点击任一节点添加到中间画布中
② 在”逻辑节点“栏选择需要添加的节点类型,这里选择”全局节点“、”串行数据处理“和”定时器“节点。在地图被点击区域后,执行”定时器“节点延时5秒后,再执行”串行数据处理“设置adcode参数变量为全国行政编码100000,最后将adcode新值传入“全局节点”修改adcode参数变量现值。
③ 点击”串行数据处理“节点,可以在右边配置面板选择查看上下游参数字段说明。
步骤3:预览测试效果
如何实现多个大屏的自由交互显示
情景:有名为“制造”和“新零售”两个大屏,希望可以左右滑动交互显示大屏,或控件按钮选择显示不同大屏。
步骤1:添加tab组件,数值1对应大屏名“新零售”,数值2对应大屏名“制造”。
步骤2:将tab组件和链接“新零售”和“制造”两个大屏的两个iframe组件导出到蓝图编辑器
步骤3:添加“分支判断”节点,判断tab组件返回值是否大于1(说明:当tab组件点击“新零售”返回1,点击“制造”返回2),当tab组件返回值大于1,说明点击的是“制造”则显示“制造”大屏,否则显示“新零售”大屏。
更多推荐
所有评论(0)