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

添加并配置地图组件

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

添加并配置背景框

  1. 在画布右侧组件列表栏,单击媒体 > 单张图片,将单张图片组件添加到画布中。
    添加单张图片
  2. 单击组件,在大屏右侧的配置面板中,单击背景图虚线框,上传素材包中的SC1.png图片文件。
    添加背景图
  3. 调整单张图片组件的大小。
  4. 在左侧图层面板中,将单张图片组件的图层位置下移到最下层并锁定,避免干扰其他组件的操作。
    调整图层顺序

添加并配置标题

  1. 添加文字 > 通用标题组件。
    添加通用标题组件
  2. 配置通用标题的样式,修改图表尺寸图表位置文本样式
    配置通用标题组件样式
  3. 配置通用标题的数据,将value的值修改成标题的名字。
    配置通用标题数据内容
  4. 重复以上操作,继续添加其他的通用标题组件。

添加并配置数字翻牌器

  1. 添加文字 > 数字翻牌器组件。
    添加数字翻牌器组件
  2. 配置数字翻牌器的样式,修改全局样式标题名文本样式翻牌器样式
    配置数字翻牌器组件样式
  3. 配置数字翻牌器的数据,将value值改成您需要显示的数据。
    配置数字翻牌器组件数据
  4. 重复以上操作,继续添加其他的数字翻牌器组件。

添加并配置时间轴

  1. 添加交互 > 时间轴组件。
    添加时间轴组件
  2. 配置时间轴的样式,修改事件节点数据格式默认样式等配置。
    配置时间轴样式
  3. 配置时间轴的数据,将namevalue值修改成您需要显示的数据。
    配置时间轴组件数据

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

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

添加并配置基本折线图

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

添加并配置装饰

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

添加并配置键值表格

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

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

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

添加并配置水平基本柱图

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