本文档为您介绍在空白画布中添加并配置可视化应用组件的方法。

添加并配置地图组件

  1. 登录DataV控制台
  2. 我的可视化页面中,选择一个可视化应用,单击编辑
  3. 在画布左侧全部资产栏,单击地图 > 基础平面地图,将基础平面地图组件添加到画布中。添加地图组件
  4. 在画布中单击基础平面地图组件,在右侧的配置面板中删除子组件管理中所有已经添加的子组件。
    删除已有子组件
  5. 单击子组件管理左侧的+号,选择飞线层呼吸气泡层区域热力层,单击添加子组件
    添加子组件
  6. 子组件管理中,单击呼吸气泡层子组件,进入其配置页面。
  7. 呼吸气泡层 > 气泡类型的配置面板中,将类型1中的类型过滤值设置成ok
    配置呼吸气泡层样式
  8. 使用同样的方式进入区域热力层子组件的配置面板,按照设计需求修改填充颜色。
    配置区域热力层样式
  9. 分别进入飞线层的配置和数据面板,配置飞线层的样式和数据,本案例中使用默认配置。
  10. 进入呼吸气泡层的数据面板,将下载好的呼吸气泡数据.json文件数据复制粘贴到数据源编辑框中。
    配置呼吸气泡层数据
  11. 进入飞线层的数据面板,将下载好的飞线数据.json文件数据复制粘贴到数据源编辑框中。

添加并配置背景框

  1. 在画布左侧全部资产栏,单击媒体 > 单张图片,将单张图片组件添加到画布中。
    媒体单张图片插入
  2. 单击组件,在可视化应用右侧的配置面板中,单击背景图虚线框中的更改,上传提前准备好的背景图片文件。
    更改图片
  3. 调整单张图片组件的大小。
  4. 在左侧图层面板中,将单张图片组件的图层位置下移到最下层并锁定,避免干扰其他组件的操作。
    调整图层顺序

添加并配置标题

  1. 在画布左侧全部资产栏,单击信息 > 通用标题,将通用标题组件添加到画布中。
    信息-通用标题
  2. 单击组件,在可视化应用右侧的配置面板中,配置通用标题的样式。
    通用标题-样式
  3. 通用标题数据面板中,将value的值修改成标题的名字。
    配置通用标题数据内容
  4. 重复以上操作,继续添加其他的通用标题组件。

添加并配置数字翻牌器

  1. 在画布左侧全部资产栏,单击信息 > 数字翻牌器组件。
    信息-数字翻牌器
  2. 单击组件,在可视化应用右侧的配置面板中,配置数字翻牌器的样式。
    数字翻牌器-样式
  3. 数字翻牌器数据面板,将value值改成您需要显示的数据。
    配置数字翻牌器组件数据
  4. 重复以上操作,继续添加其他的数字翻牌器组件。

添加并配置时间轴

  1. 在画布左侧全部资产栏,单击控件 > 数据类 > 时间轴组件。
    时间轴组件
  2. 配置时间轴的样式,修改事件节点数据格式默认样式等配置。
    配置时间轴样式
  3. 配置时间轴的数据,将namevalue值修改成您需要显示的数据。
    配置时间轴组件数据

添加并配置轮播列表柱状图

  1. 在画布左侧全部资产栏,添加表格 > 轮播列表柱状图组件。
    轮播列表柱状图
  2. 配置轮播列表柱状图的样式,修改全局样式序列号内容等配置。
    配置轮播列表柱状图样式
  3. 配置轮播列表柱状图的数据,将下载好的销售额分省排名.json文件数据复制粘贴到数据源编辑框中。
    配置轮播列表柱状图组件数据

添加并配置折线图

  1. 在画布左侧全部资产栏,添加图表 > 折线图 > 折线图组件。
    基本折线图
  2. 配置折线图的样式,修改图形坐标轴等配置。
    基本折线图组件样式
  3. 配置折线图的数据,将下载好的销售额增速.json文件数据复制粘贴到数据源编辑框中。
    配置基本折线图组件数据

添加并配置装饰

  1. 在画布左侧全部资产栏,添加媒体 > 装饰组件。
    装饰
  2. 配置装饰的样式,选择装饰元素gif2,并调整组件在画布上的位置和大小。
    配置装饰组件样式

添加并配置键值表格

  1. 在画布左侧全部资产栏,添加表格 > 键值表格组件。
    键值表格
  2. 配置键值表格的样式,修改各行各列的配置。
    配置键值表格组件样式
  3. 配置键值表格的数据,将具体数值配置成您需要显示的数据。
    配置键值表格组件数据

添加并配置单值百分比饼图

  1. 在画布左侧全部资产栏,添加图表 > 饼环图 > 单值百分比饼图组件。
    单值百分比饼图
  2. 配置单值百分比饼图的样式,修改饼图属性中间百分比部分等配置。
    配置单值百分比饼图组件样式
  3. 配置单值百分比饼图的数据,将value值配置成您需要显示的数据。
    单值百分比饼图组件数据

添加并配置条形图

  1. 在画布左侧全部资产栏,添加图表 > 条形图 > 条形图组件。
    条形图
  2. 配置条形图的样式,修改图形坐标轴等配置。
    条形图配置面板
  3. 配置条形图的数据,将下载好的品类销售额排名.json文件数据复制粘贴到数据源编辑框中。
    配置条形图组件数据