全部产品
弹性计算 会员服务 网络 安全 移动云 数加·大数据分析及展现 数加·大数据应用 管理与监控 云通信 阿里云办公 培训与认证 更多
存储与CDN 数据库 域名与网站(万网) 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 开发者工具 解决方案 物联网 智能硬件

设置画布

更新时间:2018-05-17 16:41:20

界面编辑器是 DataV 最主要的功能区域。界面的布局、配色,以及数据源与图表之间绑定、应用的发布都会在界面编辑器中完成。

编辑器页面

  • 1:组件区
  • 2:画布区
  • 3:图层区
  • 4:配置面板区
  • 5:发布区

画布区

在画布区您可以使用鼠标对组件进行自由拖拽布局。支持拖拽、缩放、图层移位、对齐、组件删除等操作。

选中/多选

您可以通过鼠标单击某个组件进行选中。

按住键盘上的ShiftCtrl键(苹果键盘也可以使用Command键)后,单击多个组件,即可进行多选。

您也可以在左侧的组件列表中进行勾选。

Layer

拖拽

单选或者多选组件后,按住鼠标左键进行拖拽即可。

缩放

  1. 单选或者多选组件后,将鼠标移动到组件的边界框线附近。

  2. 出现缩放图标后,按住鼠标左键拖拽即可对组件进行大小缩放调整。

删除

  • 删除单个组件
  1. 选中一个组件。

  2. 单击垃圾桶图标即可删除该组件。

    删除组件

  • 删除多个组件
  1. 选中多个组件。

  2. 单击左侧组件列表下方的删除按钮,即可删除多个组件。

    批量删除组件

复制

选中组件后,在定界框左上角可以看到一个“两个文件”表示复制的图标,单击该图标即可复制。

  1. 选中一个组件。

  2. 单击复制图标即可复制该组件。

    复制组件

图层移位

单选或者多选组件后,可以在左侧的组件列表最上方单击上移、下移、置顶、置底。

您也可以在组件列表当中进行上下拖拽,越往上代表越置顶,越往下越置底。蓝色的横线代表组件所移动到的上下层次位置。

图层移位

对齐分布

当选中多个组件时,右侧的面板会出现组件对齐分布的按钮。您可以进行左、中、右、顶、底等多种对齐方式,以及水平、垂直、平均的自动分布方式。

对齐分布

本文导读目录