添加并配置可视化组件

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

添加并配置地图组件

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. 配置时间轴的数据，将name和value值修改成您需要显示的数据。
   

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

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

添加并配置基本折线图

1. 添加常规图表 > 基本折线图组件。
   
2. 配置基本折线图的样式，修改图表、坐标轴等配置。
   
3. 配置基本折线图的数据，将下载好的销售额增速.json文件数据复制粘贴到数据源编辑框中。
   

添加并配置装饰

1. 添加素材 > 装饰组件。
   
2. 配置装饰的样式，选择装饰元素为gif2，并调整组件在画布上的位置和大小。
   

添加并配置键值表格

1. 添加文字 > 键值表格组件。
   
2. 配置键值表格的样式，修改各行各列的配置。
   
3. 配置键值表格的数据，将具体数值配置成您需要显示的数据。
   

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

1. 添加常规图表 > 单值百分比饼图组件。
   
2. 配置单值百分比饼图的样式，修改饼图属性、中间百分比部分等配置。
   
3. 配置单值百分比饼图的数据，将value值配置成您需要显示的数据。
   

添加并配置水平基本柱状图

1. 添加常规图表 > 水平基本柱状图组件。
   
2. 配置水平基本柱状图的样式，修改图表、坐标轴等配置。
   
3. 配置水平基本柱状图的数据，将下载好的品类销售额排名.json文件数据复制粘贴到数据源编辑框中。