DataV了解及简易使用

352 阅读4分钟

DataV简介

DataV数据可视化是使用可视化应用的方式来分析并展示庞杂数据的阿里云产品。DataV旨在通过图形化的界面帮助不同专业背景的用户轻松搭建专业水准的可视化应用,满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

功能特性

  • 可视化拖拽界面,强大的编辑功能

    提供地图、信息、表格和控件等多种业务模块级的非图表组件,所见即所得式的配置方式,只需要通过拖拉拽即可创造出专业的可视化应用。

  • 丰富的组件库与模板库

    提供零售、工业、物联网、医疗和云计算等多种场景模板,简单修改即可快速投入使用。即便没有设计师,也可搭建专业的数据可视化看板。

  • 智能化工具

    提供智能主题配色、一键美化、大屏智能生成等工具,快速解决在搭建可视化应用时遇到的整体样式配置困难问题。

  • 专业地理信息组件

    提供地理轨迹、地理飞线、热力分布、3D地球等效果,一站式地完成空间地理数据相关的可视分析。

  • 数据驱动三维世界生成

    提供官方基底、空间构建和模型建筑等三维城市功能,能够快速接入结构化的城市地理数据,以数据驱动城市模型的自动化生成。

  • 低代码交互功能开发

    提供简单连线的方式实现组件间的交互配置,使复杂的交互逻辑可视化呈现,更易于维护。

功能体验

  • 控制台我的可视化处,进入可视化管理页面。可以选择一个合适的模版看板,在模版上面进行改造。如果是定制化的可视化大屏,也可以创建空白面板,使用起来也更方便。 image.png
  • 我的可视化页面中,选择已创建的可视化应用,单击编辑
  • 在画布中通过拖拽调整组件位置,或在配置面板修改组件的坐标位置。
  • 在左侧图层栏,拖动组件上移或下移,调整组件图层位置。

画布编辑器概览

image.png

  • 画布:画布位于编辑器页面的最中间,通过画布所提供的功能,在画布中布局内容样式、配置画布中的滤镜、搜索画布中的图层内容、设置画布的缩放比例、控制缩略图的显隐和查看快捷键功能。
  • 图层:在图层列表中,可以看到各个组件的图层位置,可以根据可视化应用需要,手动调整每个组件图层的层级位置关系。
  • 组件库:单击画布中任意一个组件,页面右侧会自动弹出配置数据交互三个页签进行配置。
  • 页面设置:单击画布外的空白处,页面右侧会显示页面设置面板。在页面设置中,可以调整屏幕的分辨率大小、设置背景颜色和图片、选择屏幕适配缩放方式调整间距。

组件使用

DataV面板中的组件配置项进行了概括性说明,可以快速了解各组件的通用和非通用的配置项,并参见对应的文档进行配置。

在DataV某个可视化应用中,单击画布中的某一个组件,画布右侧会出现配置项面板。包括样式数据高级设置三个标签页。

image.png

  • 基础属性:在基础属性模块中,可以调整组件的尺寸、位置、旋转角度和不透明度

image.png

  1. 图表尺寸:包括组件的宽度和高度,单位为px。单击图标锁定组件的宽高比,等比例修改组件的宽高。再次单击进行解锁,解锁后宽高比不受限制。
  2. 图表位置:包括组件的横坐标纵坐标,单位为px。横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。
  3. 旋转角度:以组件的中心为中心点,进行旋转,单位为度(°)。
  4. 不透明度:取值范围为0~1。为0时,图表隐藏;为1时,图表全部显示。默认为1
  • 颜色选择器说明:可以使用颜色选择器设置组件的字体颜色、轴线颜色、网格线颜色、边框颜色等。
image.png
  1. 单击常用色块图标,选择一个颜色。
  2. 调整字体颜色透明度:拖动透明度滑块,或者修改A值,调整颜色透明度。
  • 数据设置
image.png

DataV官方文档:help.aliyun.com/zh/datav/da…