概述

低代码数据可视化工具(DataV)是使用可视化应用的方式来分析并展示庞杂数据的产品。DataV旨让更多的人看到数据可视化的魅力，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，满足您会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

此教程从使用流程的角度简要阐述了Datav的基本使用方法，当你在使用Datav构建应用时，请多参阅官方文档：https://help.aliyun.com/product/43570.html，使用搜索功能体验更佳

一、布局

Datav控制台类似UI设计软件，可通过辅助线、图层拖拽、精准定位的方式确定页面的总体布局。

示例

1. 登录DataV控制台。

2. 在我的可视化页面中，选择PC端创建，创建空白画板。

至此我们创建了第一个空白项目，如下图

1. 将鼠标移动到水平和垂直标尺位置

2. 单击鼠标左键创建辅助线，双击鼠标取消该辅助线

3. 可以根据我们的设计，通过辅助线对画布进行划分

4. 我们按照，头部区域、左侧区域、右侧区域、导航区域来布局页面如下

在画布上添加组件

5. 任意选择图表中的组件拖拽到画布上即可完成添加

修改组件尺寸

6. 可以在画布上点击需要修改的组件，拖拽边框上出现的锚点进行修改

7. 也可以在右侧的属性框内输入我们需要的精确尺寸，这样可进行精准尺寸修改

修改组件位置

在画布上拖拽可以对组件的位置进行修改

也可以在右侧的属性框内修改组件位置，这两个数值可以理解为组件左上角在画布上的定位

组件的显示和隐藏

在左侧图层面板右键对应的组件，选择隐藏或显示可以控制该组件的显隐状态

8. 我们可以根据画布的区域划分，在图层面板中用成组的方式来管理组件，成组最多支持两层（成组资产(aliyun.com)）