上云无忧 > 文档中心 > 百度智能云物联网可视化设使用教程 - 设计器介绍
物联网可视化设计
百度智能云物联网可视化设使用教程 - 设计器介绍

文档简介:
进入仪表盘: 进入每个仪表盘主要分为2个部分:仪表盘、数据表。 上方是仪表盘设计的操作功能区域。 左边是物可视提供的各大类型的组件。 中间是仪表盘设计器区域。 右边是仪表盘内每个组件的属性配置、数据配置区域。
*此产品及展示信息均由百度智能云官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

进入仪表盘

  1. 进入每个仪表盘主要分为2个部分:仪表盘、数据表
  2. 上方是仪表盘设计的操作功能区域
  3. 左边是物可视提供的各大类型的组件
  4. 中间是仪表盘设计器区域
  5. 右边是仪表盘内每个组件的属性配置、数据配置区域

组件

物可视为用户提供6种类型组件

  1. 图表:基本统计分析图表,统计柱状图、堆叠柱状图、仪表指针、统计面积图、统计折线图、统计饼图、南丁格尔图、时序柱状图、时序折线图、时序面积图等;
  2. 文本:单行、多行文本,表格等;
  3. 地图:设备地图、车联网位置地图(仅支持天工车联网服务使用)、车联网轨迹地图(仅支持天工车联网服务使用);
  4. 通用:时钟、图标库、自定义图片上传、百分比进度条、记分牌;
  5. 图形:基本图形:单向箭头、双向箭头、直线、四边形、矩形、圆角矩形、三角形等,工业图形:仪表盘、管道、四通管、弯管、三通管、水泵、储水罐、阀门等;
  6. 素材:装饰性图片、图标。

操作功能

物可视设计器工具支持以下操作功能

  1. 撤销:撤销一步操作
  2. 恢复:恢复一步操作
  3. 画布放大缩小:将画布进行放大缩小
  4. 组合:按住shift键,多选组件,可以将多个组件进行组合
  5. 打散:组合后组件可打散
  6. 分布:按住shift键,多选组件,多选3个组件以及以上时,可以进行水平分布、垂直分布
  7. 对齐:按住shift键,多选组件,多选2个组件以及以上时可以选择各种方式对其
  8. 置顶:将组件置于顶层
  9. 置底:将组件置于底层
  10. 前移:将组件上移一层
  11. 后移:将组件下移一层
  12. 添加到自定义:可选择一个或多个可视化组件,添加为个性化的自定义组件
  13. 皮肤:提供浅色、深色、荧光色三种类型的组件风格皮肤主题
  14. 收起左侧:收起左侧组件区
  15. 收起右侧:收起右侧属性区域

快捷键大全

概览

快捷键主要针对仪表盘设计界面,兼容Windows和Mac的键盘布局

快捷键参考

快捷键 功能
ctrl + z, ⌘ + z 撤销
ctrl + y, ⌘ + ⇧ + z 恢复
ctrl + alt + g, ⌘ + ⌥ + g 组合选中的控件
ctrl + alt + shift + g, ⌘ + ⌥ + ⇧ + g 取消组合
ctrl + shift + f, ⌘ + ⇧ + f 置顶选中的控件
ctrl + alt + shift + f, ⌘ + ⌥ + ⇧ + f 前置选中的控件
ctrl + shift + b, ⌘ + ⇧ + b 置底选中的控件
ctrl + alt + shift + b, ⌘ + ⌥ + ⇧ + b 后置选中的控件
backspace, delete 删除选中的控件
ctrl + x, ⌘ + x 剪切选中的控件
ctrl + c, ⌘ + c 复制选中的控件
ctrl + v, ⌘ + v 粘贴剪切板中的控件
ctrl + a, ⌘ + a 选中全部控件
escape 退出交互模式(适用于具有交互模式的控件)

组件的属性配置

物可视右侧区域负责用于对仪表盘或是某个组件进行属性配置、数据绑定等操作

  1. 仪表盘画布属性

    • 画布宽度、高度设定
    • 画布背景颜色、填充图片、填充模式设定
  2. 图表组件属性(以统计柱状图为例)

  3. 样式设置

    • 名称、尺寸、横坐标、纵坐标、旋转角度
    • 隐藏:勾选是否隐藏组件
    • 背景:组件背景颜色
    • 线条:组件边框线条颜色
    • 线型:组件边框线条形状
    • 内边距:组件图形距外边框的上、下、左、右边距
    • 提示框:勾选提示框表示组件鼠标悬浮上去时出现数据提示框,不勾选则无提示框
    • 区域缩放:勾选区域缩放表示组件下方有区域缩放横轴,不勾选则无
    • 缩放区边距:设置区域缩放横轴距离下边框的距离
    • 数据堆叠:勾选将统计图转换为数据堆叠图
    • 数据标签:勾选则组件上出现图例数字
    • 图例:勾选则组件右上角出现图例
    • 图例布局:图例选择水平方向铺开或是垂直方向铺开
    • 图例水平:图例水平位置居左、居中、居右
    • 图例垂直:图例垂直位置居上、居中、居下
    • 上、下、左、右:图例距离边框的上下左右间距
    • 图例字体:图例字体设计
    • 图例字号:图例字号设计
    • 字体样式:图例字体加粗、斜体、下划线、删除线设计
    • 图例间距:图例之间的间距设计
    • 图例尺寸:图例的大小设计
    • X/Y轴:勾选表示显示X轴
    • X/Y轴标签/轴线/刻度/分割线:勾选表示出现X轴标签/轴线/刻度/分割线
    • X/Y轴字体、字号、颜色、样式设计
    • 数据单位:Y轴数据单位选择
  4. 数据设置

    • 数据表:选择该仪表盘下添加过的数据表(在数据表tab中进行添加)
    • X轴(类目):选择数据表中的某一列作为X轴
    • Y轴(度量):选择数据表中的某几列作为Y轴显示
  5. 地图组件属性(以设备地图为例)

    • 样式设置

      • 属性、样式设计如上
      • 缩放:选择地图缩放比例
      • 自动居中:开启自动居中则地图会自动显示设备点位居中的位置
      • 城市列表:开启城市列表则地图会左上角出现城市列表进行城市选择
    • 数据配置

      • 数据表:地图组件的数据表中需要包含经度、纬度
      • 名称:设备点信息显示名称
      • 经度:选择数据表中的经度
      • 纬度:选择数据表中的纬度
      • 分组:选择设备点中分组的依据
      • 信息:设备点信息展示卡片上要展示的信息
      • 样式:显示轨迹地图/座位标志地图
  6. 通用组件

    • 时钟:作为时间显示
    • 图标:物可视为用户提供了通用图标库,可以在属性面板中"选择图标"进行切换
    • 图片:物可视为用户提供了云端图片管理,支持用户上传自定义图片
    • 标签:支持用户写作为标签,或者绑定数据表的某一格数值作为标签,数值标签会随着数据表更新而更新
    • 百分比条:支持用户选择数据表某一个数值作为进度条进度显示,可在数据表Tab页将数据表数据转换成百分比,便于百分比条绑定数据显示
    • 记分牌:支持用户作为KPI值特殊的记分牌显示,可以调节每张卡片尺寸、背景、整数位数、小数位数、空白数字补齐方式、显示数字内边距。支持用户选择数据表某一个数值作为记分牌数值显示,可在数据表Tab页将数据表数据转换成想要的格式,便于记分牌绑定数据显示
    • 富文本:支持多行文本操作
    • 支持展示仪表盘下新建过的某一张数据表,并且支持列数的选择、表头的显示、行列分割的属性配置等
  7. 基本图形

    物可视为用户提供单向箭头、双向箭头、直线、四边形、矩形、圆角矩形、三角形这些基本图形,并持续增加中。

  8. 组态

    物可视以水泵场景为用户提供组态素材:仪表盘、管道、四通管、弯管、三通管、水泵、储水罐、阀门,并持续增加中。

相似文档
  • 在物可视中,数据可以通过与组件绑定的方式让图表动起来。数据绑定分为单值绑定和多值绑定两种形式。 单值绑定: 以图形->圆形为例: 在设计器的右侧『数据绑定』面板中,有部分属性开放了单值绑定功能。 点击绑定小图标,弹出如下对话框:
  • 发布: 制作完成的仪表盘需要先被发布后,才能部署或分享。如果对已经发布过的仪表盘做了修改,也需要再次发布,并重新加载(刷新)已被集成或分享的仪表盘,才会展示更新后的内容。
  • 物可视平台拥有自动保存功能,任何对仪表盘的改动(包括组件位置,属性,数据表等等)都会在 3 秒后触发自动保存,大大降低了用户的操作成本,也保证了用户的操作不会丢失,是一个友好的功能。
  • 随着越来越多的数据接入到物联网中,对于数据安全的需求也与日俱增。出于一些政策或者法律法规上的要求,一些物联网用户需要在内网环境中搭建一套物联网服务。但是当考虑到可视化需求时,因为之前物可视必须依赖公网,在内网环境下无法使用,很遗憾地无法构成服务闭环。
  • 每次从零开始开发一个模板,对于普通用户(尤其是没有设计功底的用户)来说是一个不小的考验。为了最大限度帮助物可视用户提升仪表盘的设计水准,我们推出了仪表盘模板功能,使用户可以以模板为基础进行小幅改动即可完成仪表盘的搭建,大大提升仪表盘的美观度。
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部